이전 에러를 해결해서 yarn start로 실행하려니까 또 다른 에러가 등장했다... Error: listen EADDRINUSE: address already in use 0.0.0.0:3000. 3000번 포트는 이미 사용중입니다. 이유 이전에 start로 실행했던 포트 3000 서버가 종료가 안돼서 그런가 보다. 터미널에 이용중인 포트를 찾는 명령어를 입력한다. sudo lsof -i :3000 그리고 나온 목록에서 3000번 포트를 쓰고 있는 PID를 입력해 그 포트를 강제 종료한다. sudo kill -9 PID번호 참고1 참고2
Next.js로 프로젝트를 세팅하고 yarn start를 했는데 에러가 떴다. Could not find a production build in the '/directory'. 디렉토리에서 프로덕션 빌드를 찾을수없습니다. 이유 Next는 빌드 명령어를 실행해주고 start 명령어를 입력할 수 있나보다.... 왜인지.. 모르겠다...🥲 build 명령어 먼저 실행하고 yarn start를 하니까 잘 켜졌다. 참고
이번에 프로젝트를 진행하면서 Recoil을 이용해서 상태관리를 했는데 recoilState를 변경하려고 하는데 변경은 안되고 자꾸 온갖 에러만 바뀌어 가면서 발생했다. TypeError: Cannot add property 0, object is not extensible. TypeError: can't delete non-configurable array element. 이거 말고도 2개 정도 더 떴던 것 같은데 자꾸 에러가 바뀌니까 원인을 알 수가 없었다. 이유 기존 state 자체를 변경하려고 해서 그랬다. 기존 state의 복사본을 변경했어야 했는데 기존 state를 변경하도록 코드를 작성해서 에러가 났던 거였다. 코드를 왜 그렇게 작성했는지 모르겠지만 불변성을 지켜줘야하는 걸 잊지 말자!😀 참고
프로젝트 진행하는데 카카오맵 API를 사용하려고 하니 에러가 났다..... TypeError: Cannot read properties of undefined (reading 'maps') undefined은 읽을 수 없음 이유 어쩐지 map이 아니고 maps라서 이상해서 검색해보니까 카카오맵 API는 플랫폼을 설정해줘야하는데 새로 프로젝트를 시작하면서 설정을 해주지않았다. 그래서 에러가 났다. 그래서 플랫폼 추가하고 나니 해결됐다!
git pull인가 merge를 하려고 했더니 발생했던 것 같다. Will not add file alias already exists in index. 이미 인덱스에 존재하는 파일을 추가할수없음. 이유 git은 원래 대소문자를 구분하지 못한다. 팀원중에 한명이 폴더명을 대문자로 했다가 팀 컨벤션대로 소문자로 수정했는데 변경이 안돼서 그 분이 git 대소문자 구분을 켜두시고 push를 해서 문제가 생긴 것 같다. 그래서 나도 git이 대소문자를 구분하도록 config 설정을 변경했다. 그런데 나중에 또 문제가 생겨서 다시 config 설정을 true로 변경했다. git 아직도 어려워...🥲 git config --global core.ignorecase false 이 명령어를 사용하면 list를 확인할 ..
열심히 map을 쓰고 있었는데 떴다. Expected an assignment or function call and instead saw an expression. 예상하고 있던 할당 또는 함수 호출 대신 식이 발견되었습니다. 이유 map()을 쓰면서 return을 해주지 않았기 때문이다. // Bad -> Error array.map((num)=>{num*2}) // Good array.map((num)=>{return num*2}) // or array.map((num)=>num*2) 지난번에도 return을 안써줘서 에러가 떴던 것 같은데 또 까먹었다. 제발 return을 잊지말자... map을 쓸 때 중괄호를 안쓰고 코드를 작성하는 방식으로 습관을 들여야하나 싶다. 🤔 참고
기본 html input checkbox를 span과 label을 onClick 이벤트를 이용해서 커스텀을 했더니 에러 메세지가 떴다. You provided a 'checked' prop to a form field without an 'onChange' handler. 너는 checked prop을 onChange 이벤트 핸들러 없이 썼다. 이유 input checked를 사용하려면 onChange를 이용해서 사용해야하기 때문이다. onChange를 사용하거나 속성으로 readonly를 넣어주거나 checked속성 대신 defaultChecked를 사용하면 된다. 나는 readonly를 사용해서 해결했다. 참고1 참고2
- Total
- Today
- Yesterday
- 스파르타코딩클럽
- 파이썬
- 구름에듀
- js
- React
- html
- TS
- map
- vscode
- Python
- 저스트코드
- 코딩앙마
- 깃
- 제로초
- scss
- 드림코딩
- Typescript
- 리액트
- vue
- javascript
- 김버그
- 회고
- git
- 제이쿼리
- 코드잇
- CSS
- 타입스크립트
- Til
- 비주얼스튜디오코드
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |