Coding/REACT9 세상 사람들이 map 함수 적용 시 key props를 부여하는 이유 React는 변화를 감지한다. 리스트의 고유의 값이 없다면, 하나가 추가되더라도 리액트는 리스트 전체를 다시 렌더링한다. 즉, 불필요한 렌더링을 하게 되는 것이다. 그렇기 때문에 에러는 나지만, 홈페이지는 굴러간다. 결코 좋지 않다. 하지만 좋지 않은 것을 나쁘다고 할 수 있을까 ? 세상을 이분법적으로 보는 건 우리의 삶에 피로도를 더하고, 구체적인 판단력을 흐리게 한다. 좋은게 좋은거라고 난 리스트에 키 값을 줄 것이지만, 오늘은 키 값으로 index 값보다 더 좋은 개별 ID 값은 주지 않을 것이다. 이것은 분명히 어리석은 선택이다. 왜냐하면 키 값으로 index 값을 주게 된다면, 리스트가 재배열될 때, 각 엘리먼트마다 인덱스 값이 바뀌며 결국 전체가 다시 렌더링 되기 때문이다 하지만 개별 ID를 .. 2022. 6. 12. VScode로 React 시작하기 https://nodejs.org/en/ 2022. 6. 12. 리액트 기초 상식 React -> 사용자 인터페이스를 만드는 자바스크립트의 라이브러리 React 시작하기 1. React 폴더를 만들 상위 폴더에 가서 터미널을 열고 입력한다. ( 나 같은 경우 상위 폴더를 vscode로 끌어와서 놓고 vscode에서 터미널을 실행함 ) npx create-react-app 앱 이름 -> happy hacking ! 이라는 말이 터미널에 나옴. 그럼 새로 생긴 폴더를 끌어서 visual studio code에 놓는다. 2. 다시 새 터미널을 열고 npm start를 입력한다. npm start -> 그러면 localhost:3000 주소로 리액트 기본 홈페이지가 실행된다. 3. 정리 - public에서는 index.html을 제외하고 전부 삭제 - src에서는 아래 사진의 4개 제외하고 .. 2022. 6. 7. 이전 1 2 다음 반응형
