dev_or_alive

개요 어쩌다보니 데스크탑을 바꾸게 되어 개발환경이 아무것도 없는 상태의 PC가 되었다. 리액트 프로젝트를 실행할 수 있도록 개발환경 세팅을 간단히 알아보자. vs code 설치 메모장으로 코딩을 할 수 없으니 가장 보편적으로 사용하는 에디터인 vs code를 설치하도록 해보자. 다운로드 경로 : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and ava..

https://boms-house.tistory.com/entry/Warning-Each-child-in-a-list-should-have-a-unique-key-prop Warning: Each child in a list should have a unique "key" prop. React에서 Array의 map 함수를 사용하면 가끔가다 이런 경고가 보인다. Warning: Each child in a list should have a unique "key" prop. warning이라 당장은 실행이 가능하지만 개발을 하다보면 보기.. boms-house.tistory.com 최근 이 게시물을 작성하며 map함수의 key값 관련한 정보들을 찾아보았는데 key값에 index를 넣으면 안되는 이유가 고유..

React에서 Array의 map 함수를 사용하면 가끔가다 이런 경고가 보인다. Warning: Each child in a list should have a unique "key" prop. warning이라 당장은 실행이 가능하지만 개발을 하다보면 보기도 안좋고 잠재적으로 어떤 문제가 나올지 모르니 해결해주도록 하자. 원인 : 배열을 이용하여 요소를 그려줄 때는 key라는 고유한 값을 prop으로 전달 받아야 한다. 해결 : map을 이용해 그려주는 요소에 key 값을 부여하면 된다 아래부터는 이해를 돕기위한 설명들 이와 같이 코드를 입력하고 실행하니 Warning이 발생한다. 그럼 아무 키나 부여해보자 Encountered two children with the same key, `i'm Key!`..