목록React (4)
yoni
package.json에서 prettier를 셋팅한다 Terminal에서 yarn을 돌리게 되면 package.json에 적힌 버전을 참조하여 설치를 진행한다. yarn을 실행하게 되면 node_modules 가 새로 생성이 된다. Settings에서 Prettier 경로 잡아주기 : node_modules>prettier Plugins에서 Prettier설치하기 단축키 : Alt-Shift-Ctrl-P on Windows and Linux
[data unique key setting] : 데이터 map 구조중 key 값이 unique 설정이 안되어있어 에러가 난 상태 {productGrpNm} {color && ( {color.map(c => ( ))} {phoneCapacity && phoneCapacity.map(capacity => {capacity})} )} 1. hex 코드 처리 : 리액트에서는 시퀀스 값 처리(유니크한 key를 설정할때)를 hex로 처리하는 방법을 권장하는거 같다. {productGrpNm} {color && ( {color.map(c => ( ))} {phoneCapacity && phoneCapacity.map(capacity => ( {capacity} ))} )} 2. index 처리 : index방법은 ..
npm 이란 node.js 안의 프로그램을 편리하게 깔수 있게 도와주는 앱 스토어 같은 역할 node.js 설치 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org npm 설치 명령어 : npm install -g create-react-app > npm에게 creat-react-app을 깔아줘 > -g : 어디서든 사용할수 있게 버전확인 : create-react-app -v react-app 설치 명령어(리액트 샘플 코드 설치) : create-react-app . > react-app을 생성하고 . 현재경로에 깔아라 class(Component)와..
보호되어 있는 글입니다.