'error' 태그의 글 목록

[error] VSCode에서 파일 수정 시 에러 : Insufficient permissions. Select 'Retry as Sudo' to retry as superuser.

2024.01.06· 코딩 메모

산넘어 산이다... 간만에 맥북을 키면 죙일 오류 수정만 하는 거 같은 기분.. vue js 로 작업하려는데 파일 저장이 안되고 자꾸 permission 에러가 났다.. Retry as Sudo 로 해도 비번입력하고 똑같은 창 계속 뜰 뿐.. Error: EACCES: permission denied, rmdir 해결방법 sudo chown -R [username] . [username]은 echo $USER 명령어를 입력해서 나오는 결과를 입력해주면 된다. 처음에 저 . 을 못봐서 usage: chown [-fhnvx] [-R [-H | -L | -P]] owner[:group] file ... chown [-fhnvx] [-R [-H | -L | -P]] :group file ... 이 친구들만 계속..

[error] 맥 npm global 설치시 Permission Error ( + command not found: npm)

2024.01.06· 코딩 메모

회사 다니면서 회사 컴퓨터 쓰고, 집에서는 데스크탑으로 하고 하다보니 내 맥북을 쓸 일이 많이 없어졌는데 간만에 맥북으로 인강을 들으려 하다가 vue.js 설치과정에서 오류가 나서 계속 애먹었다. 내가 입력한 명령어는 아래와 같다. npm install -g @vue/cli 그리고 나온 오류. zsh: command not found: npm 데스크탑에서는 잘만되던게.. 그리고 맥북으로 한 코딩이 얼만데 npm도 node도 안나오지? 그렇다고 해서 yarn global add @vue/cli 이 되는 것도 아니었다. npm install도 되지 않았음 node 도 npm 도 아무것도 되질 않았다. node도없다고 하니 홈페이지에서 node 를 다운 받았더니 이젠 다른 오류를 띄웠다 npm ERR! cod..

시간 계산기 만들기 (3) 뺄셈 기능 추가

2023.10.03· Project/Toy-project

덧셈 기능가지고 사실 내가 쓸 기능은 충분하지만 (...) 그래도 뺄셈기능까지 구현해서 넣었다. ㅜㅜ 처음에 handleAdd 함수 밑에 handleSubtract 함수를 똑같이 만들다보니, 아 이거 그냥 파라미터 받아서 하나의 함수로 합치면 되겠구나! 하고 재빨리 수정했다! 마치 처음부터 계획했던 것처럼 ㅎㅎ 뺄셈 기능 const handleOperation = (operator: string) => { const t1 = state.time1.includes(":") ? state.time1.split(":") : [state.time1, "00"]; const t2 = state.time2.includes(":") ? state.time2.split(":") : [state.time2, "00"];..

[error] Error unknown unknown error .next\static\chunks\amp.js'

2023.07.22· 코딩 메모

https://velog.io/@hyeonq/Next.js-next-export [Next.js] next export하여 정적 빌드 시 static files(js, css)를 찾지 못하는 오류 Next.js는 React용 서버 사이드 렌더링 프레임워크입니다. 그렇지만 React를 사용할때처럼 정적 웹사이트를 만들 수 있죠. next export라는 명령어를 사용하게 되면 out 디렉토리(command 입력 시 다른 옵션 velog.io next폴더 삭제후 dev. node:events:489 throw er; // Unhandled 'error' event https://velog.io/@zinkiki/Node.js-events.js183-throw-er-Unhandled-error-event-%EC..

[error] next 13 : Uncaught Error: invariant expected app router to be mounted

2023.07.22· 코딩 메모

next.js 13 버전에서 layout.tsx를 수정함과 동시에 오류가 났다. Uncaught Error: invariant expected app router to be mounted at useRouter app-index.js:32 The above error occurred in the component: 에러가 나면 chat GPT 한테 먼저 물어보는데, next.13버전은 딱히 이용하기가 애매하다.. ㅠ,ㅠ 챗 지피티의 마지막이 2021년 9월인가 그래서.. 근데 13버전은 나온지 얼마 안돼서 챗지피티가 똑같은 대답만 반복한다 싶으면 아 이거 next 문제구나하고 바로 구글로 노선을 틀어버리면 됨.. https://github.com/vercel/next.js/issues/42829 Next..

[error] Encountered two children with the same key ~ (feat. 중복 제거)

2023.06.21· 코딩 메모

이 에러는 지난 번 게시글 의 연장선이다.. [error] key값을 넣어주지 않아 생기는 오류 Warning: Encountered two children with the same key, [object Object]. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and co moon-lilac.tistory.com 지난 번에는 key 값을 넣어주지 않아서 오류가 났는데, 이번에는 같은 키 값을 가진 친구가 있다는 오류를 내주었다. ..

동물의 숲 정보 웹페이지 만들기 2 - 에러 기록 : Property 'map' does not exist on type 'never' & Argument of type 'null' ~

2023.06.21· Project/Toy-project

지난 번에 이 프로젝트를 통째로 타입스크립트 + next.js로 옮기는 작업을 했다. ( + tailwind) 그 중에 한동안 해결이 안되던 오류가 있었는데... Property 'map' does not exist on type 'never' 진짜 나를 한동안 피곤하게 만들었음. 인터넷에 나와있는 모든 방법을 총 동원했으나 이곳이 해결이 안되면 저곳이 빵구가 나고 .... 그랬는데 결국 조금~~은 허무한 해결이었다. 그래도 진짜 너무 속시원 일단 코드를 보면, export default function VillagerList() { const [data, setData] = useState(null); const [error, setError] = useState(null); const URL = "h..

[error] '~' cannot be used as a JSX component.

2023.06.16· 코딩 메모

async Server Component에서 데이터를 fetching 할 때 나는 에러. 이 문제는 TypeScript가 async Component를 이해하지 못해 발생하는 문제이다. Server Side Rendering 사용중에, next 13의 기본 페이지인 page.tsx는 client side rendering 이 불가능해, 따로 component를 빼서 작업한 후, page.tsx에 붙였더니 이런 에러가 났다. 컴포넌트 가져올 때 나는 에러는 처음이어서.. 왜 안되지 ㅠ ㅠ 하다가 chat GPT는 이런 답을 주었다. ⚠️ 시도 오류 메시지는 JSX에서 'ChannelTab'이라는 구성 요소를 사용하려고 하지만 반환 유형이 유효한 React 요소가 아닌 Promise 이므로 유효한 JSX 요..

[error] Parsing error: 'import' and 'export' may only appear at the top level.

2023.05.20· 코딩 메모

Parsing error: 'import' and 'export' may only appear at the top level. 어디에 괄호를 빼먹었겠거니... 했는데 (정답) 에러설명도 길고 export 근처에 }를 넣어봤는데도 쉽사리 고쳐지지 않았음... 무슨 말인고 하니 import, export 를 최고 밖에서 사용하라는 말인데 이전에 썼던 함수를 불러오는 과정에서 중괄호를 빼먹었던 것이다 그러니 닫히지가 않은 함수때문에 export가 안으로 들어와버려서 저런 오류를 출력한 것 중간 함수에 } 를 넣어 주었더니 금새 해결이 되었다 :) 결론적으론 뭘 빼먹었겠지 했던게 맞았네..

[error] Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.

2023.05.20· 코딩 메모

input 을 통해 이미지를 업로드를 하는 과정에서, 발생 되는 오류이다 이미지를 정상적으로 업로드 한다면 문제가 없으나, 이미지를 선택하는 창 까지 띄운 상태에서 취소를 하게 되는 경우 이미지 파일 업로드 input에 걸려 있는 함수는 그대로 작동을 하게 되나, 실제 파일이 없어서 에러가 발생하게 된다. 확인을 위해 e.target.file 을 체크 해보니, 파일의 업로드 시 e.target.file의 length가 1 업로드를 취소 한 경우 0이 나오게 된다. 기존 코드 reader.readAsDataURL(file); 에 조건문을 달아주었다 변경 코드 if (file) { reader.readAsDataURL(file); }

error : Uncaught TypeError: Cannot read properties of null ~

2023.05.20· 코딩 메모

다크모드를 구현하던 중... 맞이한 에러... 나는 사용도 안한 타입이 에러가 났다고 .. Uncaught TypeError: Cannot read properties of null (reading 'useContext') react.development.js:209 Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might b..

[SEB 41] Pre Project (4) 에러 기록/내가 맡은 부분 페이지 화면 구현

2023.05.18· Project/Pre-project

프론트엔드 조원분들과 사다리타기!! 로 정한 결과 마이페이지 화면 구현을 맡게 되었다.. (+사이드바) 아마 추후에 이 기능 구현도 하게 될 듯.. 며칠 동안 걸쳐서 완성했는데, 사실상 css와의 싸움이었지만 막상 css나 구조짜는 건 한 번 물꼬트기 시작하니 금방 금방 만들어 냈는데, 계속해서 eslint, prettier 에러가 나는 것이다. 진짜 얘네 때문에 너무너무 애먹음. ㅠ_ㅠ 심지어 후반에는 tsconfig.json 오류가 계속 났는데, 이건 실행에 문제도 없고 구글에 나오는 모~~든 영어로 된 것까지 다 찾아봤는데도 해결이 안돼서 ㅠ 추후에 얘네 셋에 대한 공부가 필요할 듯싶다. 바보 같았던 부분을 몇 개 꼽자면,, 변수를 지정했는데도 읽지 못하는 eslint 오류가 있었다. 찾아보니 이런..

티스토리툴바