yesslkim blog

웹 퍼블리셔로 근무 중 🧐

Error

요즘은 에러에 많이 마주하지 않고 있는데 오늘 이거 때문에 거의 3시간은 소요해서 기록 👿 문제점 : bash: npm:command not found bash: yarn:command not found 등등 모든 명령어가 오류가 뜨는 끔찍한 일이.... 해결방법 : 1) global에 설치하기 - 해결안됨 😥 npm i -g yarn - 요걸로 해결이 되었더라면 나는 금방 퇴근했을 것이다... - 심지어 해결 못해서 집에서 원격 키고 계속 검색해봄 ㅋㅋㅋ 2) PATH 확인하기 - 해결 😎 - path가 제대로 지정 안되었을 경우 이러한 문제가 생긴다. (즉, 읽어들이지 못해서 명령어가 실행이 안되는 것) - powershell(윈도우기준)에는 yarn 혹은 node가 확인되는데 bash에서만 확인이 ..

2023. 3. 21.

Error

문제점 : vscode에서 빨간줄로 에러가 나옴 // vscode Cannot find module '@/App' or its corresponding type declarations. 해결방법 : 이건 너무 어이없게 해결했다. .vscode폴더가 있는 경우 업데이트가 안되는 경우가 있어서 껐다가 다시 키면 작동됨. 그리고 리액트로 설정했는데 해결방법은 Vue에서 찾은...! 결론 : 일단 안되면 끄고 보자 출처 : https://forum.vuejs.org/t/import-ts-file-in-vue-component-via-alias-cannot-find-module-error/58233/6

2023. 1. 10.

Error

문제점 : // console에 뜬 에러 GET http://localhost:3000/node_modules/.vite/~ net::ERR_ABORTED 504 (Gateway Timeout) vite로 리액트 사용 시 라이브러리 다운 받을 때 504가 나옴 해결방법 : 요건 우선 사람들이 vite의 버그인거 같다고 말하고 있음. node_module > .vite 폴더 삭제 후 재시작하면 괜찮아짐. 출처 : https://github.com/vitejs/vite/discussions/7873

2023. 1. 10.

Error

최근에 노트북을 맥북으로 구입했는데 윈도우에서는 겪은 적 없던 오류를 기록해보려고 한다. 1. 맥북에서 npm i -g ~를 했을 때, 권한 에러가 뜨는 경우 npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm ERR! code EACCES npm ERR! syscall symlink npm ERR! path ../lib/node_modules/yarn/bin/yarn.js npm ERR! dest /usr/local/bin/yarn npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, symlink '../lib/node_m..

2022. 8. 8.

Error

Found: react-scripts@5.0.0 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react-scripts@"^4.0.0" from @craco/craco@6.4.3 npm ERR! node_modules/@craco/craco npm ERR! @craco/craco@"^6.4.3" from the root project 문제 👻 : yarn이 실행되지 않는 문제 해결방법 에러 문을 자세히 보면 root project에 react-script의 버전은 5.0.0이고 cra..

2022. 4. 11.

Error

localStorage에서 불러올 때 생긴 오류 👻 : Unexpected token u in JSON at position 0 Error in JS 해결 방법 The "Unexpected token u in JSON at position 0" error occurs when we pass an undefined value to the JSON.parse or $.parseJSON methods. To solve the error inspect the value you're trying to parse and make sure it's a valid JSON string before parsing it. JSON.parse(undefined)인 경우 나오는 에러로 데이터가 없을 때는 받아오지 않도록 추가..

2022. 4. 6.

Error

너무나도 당연한건데 정말 1시간 이상 어이없게 삽질해서 공유! 👻 : {} 형식은 IntrinsicAttributes & ArrObjProps[] 형식에 할당할 수 없습니다. IntrinsicAttributes & ArrObjProps[] 형식에 ArrObjProps 속성이 없습니다. // 부모 컴포넌트 const Parent = () => { // 객체 배열이 담겨있는 변수 arrObj const arrObj:ArrObjProps[] = [{...},{...}] return( ... ) } export default Parent // 자식 컴포넌트 (❌ ERROR ❌) const Child = ({arrObj}:ArrObjProps[]) => { return( 자식 컴포넌트입니다. ) } export ..

2022. 3. 24.

Error

항상 npm만 사용하다가 이번에 새로운 프로젝트를 진행하게 되어서 yarn + webpack 조합으로 직접 개발환경을 설정해 보았는데 ... 👻 : Module "파일경로" has no default export 라고 계속 에러가 떴다. 처음에는 당연히 리액트의 문제인 줄 알고 찾다가 1차 삽질 2번째로는 처음 써본 yarn의 문제인가 싶어서 2차 삽질 3번째로는 webpack의 문제이지 않을까 하고 이곳 저곳 알아봤지만 아니었고 결론은 tsconfig 설정을 바꿔줘야 했던 것이다... 😂 allowSyntheticDefaultImports allowSyntheticDefaultImports를 true로 설정하면 import를 바로 받아 올 수 있다. 이걸 babel이 트랜스파일 할 때 default를 ..

2022. 3. 24.

Error

문제 👻 : Window10에서 yarn이 실행되지 않는 문제 해결방법 실행규칙을 변경해야 한다. powershell을 관리자 권한으로 들어간다 get-ExecutionPolicy 라고 검색하면 Restricted라고 나올 것이다. Set-ExecutionPolicy RemoteSigned 라고 치면 실행 규칙이 변경된다. 참고로 모든 스크립트를 실행하는 규칙도 있지만 그건 안전하지 않을 수도 있기 때문에 신뢰할 수 있는 스크립트 파일만 실행되도록 RemoteSigned로 규칙을 변경하는 것을 추천한다 🙆‍♀️

2022. 3. 12.

Error

문제 👻 : map()함수를 리액트에서 사용할 때 나오는 에러 정말 지금까지 자바스크립트 공부하면서 몰랐던 부분인데 Arrow function expressions(화살표 함수 표현)은 기본적으로 두가지 형태로 나타날 수 있다. (param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } 1. statements 반환 - statements를 반환할 때는 { brackets }로 묶어준다. 2. expression 반환 - expression을 반환할 때는 ( parentheses )으로 묶어준다 이걸 좀 더 제대로 파악하기 위해서는 우선 s..

2022. 3. 9.