재카이브

여느때처럼 React복습을 하고있는 재삉. 오늘도 어떤 반가운 오류를 조우하게되었다 Uncaught TypeError: Cannot read properties of undefined (reading 'map') The above error occurred in the component: Uncaught TypeError: Cannot read properties of undefined (reading 'map') ==> 대충 undefined에 map을 사용하고있다라는 뜻 !!! 코드는 아래와같다. (정확히는 {movie.genres.map(... 부분} {movies.map((movie) => ( {movie.title} {movie.summary} {movie.genres.map((genre, id..

Each child in a list should have a unique "key" prop. 해당 오류는 리액트를 사용하며, LIST를 JSX를 사용하여 UI에 출력할 때 발생한다. {toDoList.map((element) => { return {element}; })} toDoList라는 Javascript List를 map함수를 이용하여 각 리스트 요소마다를 {element} 로 변환하여 반환해주는 작업이다. 결과적으로는 위와같이 성공적인 동작을 보장하지만, 콘솔에서는 아래와같은 에러 로그가 찍히게된다. 이것은 생성되는 각 요소들마다 unique한 key 속성이 필요하다는 의미이다. 요소들마다 고유의 key값을 넣어줘야 되므로 고민이 있겠지만.. 우리가 사용하는 map함수를 살펴보면 위와같은데,..

create-react-app을 사용하여 프로젝트를 만드려는 때에 오류가 발생했다.찬찬히 읽어보니 노드 버전이 낮다는 것.따라서 노드 버전을 업데이트 해줘야 했다. 1)node -v (버전확인) 2)npm cache clean -f (npm 캐쉬삭제) 3)npm install -g n (노드 버전관리 플러그인 n) -노드버전관리 플러그인인 n을 설치해준다. 4)n lts (n을 사용하여 설치 lts-lts버전) -n을 사용하여 lts버전을 설치한다. (*LTS - Long Term Support) 그 후에 create-react-app 수행 시 정상 작동함을 확인할 수 있었다.

리액트에서 만나는 이 오류는 새로운 라이브러리들을 다운로드 받아 사용하려고 할때 종종 나타났던 오류이다. 해결법은 간단하다. 1. 아래의 파일 및 폴더를 삭제한다. [File] package-lock.json [Directory] node_modules 2.아래의 명령어를 사용하여 모듈들을 재설치해준다. [Command] npm install *명령어를 실행해줄때는 명령어를 실행하는 경로를 항상 유념해주자 ( 올바른위치에서 커맨드를 실행하는가? ) =>어이없게도, 본인은 잘못된 위치에서 커맨드를 수행해서 삽질을해본적이있다..ㅎㅎ 3.실행 [Command] npm start 모듈을 찾을 수 없다라는 리액트 관련 오류는 위의방법으로 모두 해결했던것같다. 오류를 겪으시는 분들 모두 잘 해결되시기를.. [좀 더..