🔍 오류 상황테스트 코드를 학습하기 위해 fork 받았습니다. npm ci 를 통해 모듈을 설치 후 vite.config.js 파일 확인했습니다.아래와 같은 에러 코드를 확인 할 수 있었습니다.🚩 문제의 원인Expected linebreaks to be 'LF' but found 'CRLF'. [prettier/prettier]Delete 'CR' [prettier/prettier] 이 오류의 핵심은 줄바꿈 (Line Ending) 형식의 차이에 있습니다. 운영체제마다 줄바꿈 방식이 다르기 때문에 발생합니다.이러한 줄바꿈 방식의 불일치 때문에 협업 도중 혹은 코드 포맷터가 작동할 때 CR (Carriage Return)을 삭제하라는 오류가 발생합니다.CR (Carriage Return) 이란?커서를 ..

🚩 문제의 원인 {{ item.name }}Vue에서 같은 엘리먼트에 v-if 와  v-for 를 함께 사용하기 때문에 생기는 오류입니다.이 방식은 Vue에서 권장하지 않습니다. 왜냐하면 v-for 로 반복 후, 그 내부에서 v-if로 조건을 체크하면 성능이 저하되고 예상치 못한 버그를 유발할 수 있기 때문입니다.  ✅ 해결 방법방법 1. computed 사용 (권장) {{ item.name }} computed 를 활용하여 필터링합니다. 방법 2. 로 감싸기 {{ item.name }} 반드시 함께 써야 한다면 아래와 같은 방법으로 가능합니다. 태그는 반드시 최상위에 사용해야 합니다. 방법 3. Eslint 설정에서 예외 처리하기// .eslintrc.jsmodule.expo..

React 프로젝트를 진행하면서 ESLint가 출력하는  is missing in props validation 오류 메시지를 보았습니다. 이 오류는 컴포넌트에서 전달받은 props에 대한 검증이 누락되었음을 의미합니다.이 오류의 원인과 해결 방법에 대해 정리해보았습니다. 오류의 원인ESLint 의 eslint-plugin-react 플러그인은 컴포넌트에서 사용되는 props에 대해 명시적으로 타입이나 형식을 지정하도록 유도합니다. 즉, 컴포넌트가 어떤 props를 받는지 명확히 하지 않으면 다음과 같은 경고 메시지가 출력됩니다.에러 메시지: Warning: 'id' is missing in props validation 해결 방법1. PropsTypes를 사용하여 props 검증 추가하기만약 JavaS..

❓ 문제노트북 포맷 후 node 설치했다. 그러나 터미널에서 npm 명령어가 실행되지 않았다.* 윈도우 기준입니다. ✔️ 문제 상황 파악하기node 버전 확인node -v     v22.13.1 출력 되지만     npm -v  오류가 나타남 ✅ Case 1. npm 이 제대로 설치되지 않았을 경우  npm 설치되어 있는지 확인하기where npm  만약 출력이 없다면 npm이 설치되지 않았을 가능성이 있습니다.해결 방법Node.js를 다시 설치npm install -g npm  ✅ Case  2. 환경 변수(PATH) 문제npm이 설치되어 있지만, 환경 변수에 등록되지 않아 실행이 되지 않을 수 있습니다.해결 방법1) 환경 변수 확인C:\Program Files\nodejs\npm 또는 C:\Users..

실패... 원인 : github 상위 폴더 위치 문제 해결 : 상위폴더 > 상위폴더 > 배포할 파일들 -> 상위폴더. 배포할 파일들

윈도우 쓰는 서러움 이랄까... 자주 에러가 뜬다... 기억이 안나 맨날 검색하는 나.. "기억보다 기록을" 하기로 했다 VScode 터미널 창에 react를 실행 시키려고 하면 npm run start 이렇게 나타나는 오류!!! 주소창 localhost:3000 에서도 똑같은 오류가 뜬다.. 해결 방법 1 1. 가장 먼저 폴더 위치 확인하기 위치가 맞지 않으면 cd "경로" 바꾸고 다시 실행 pwd 2. 에디터 터미널에서 npm fix audit --force 3. 에디터 터미널에서 다시 재설치 npm install Compied successfully! 코드를 수정하고 실행하면 다시 뜨는 오류 ??????? 결국 git clone 다시 하고 실행해보았다. 이유를 못찾았다. 비슷한 경험을 가진 동기분도..