1. 리액트를 다루는 기술  (책) - 김민준 저자


2. VSCode(에디터)

     -> 관련 플러그인

> ESLint // 문법 정리 *

> Relative Path // 상대 경로 작성 도구 

> Guides   // 들여쓰기 가이드 라인 

> Reactjs code snippets(Karypidis) // 리액트 관련 스니펫 모음 제작자 Charalampos Karypidis *

> React-beautify // 리액트 코드 정리 




3. Node.js with NPM (노드는 10버전)

> create-react-app 설치   -g 로 


4. git 





* 코드 스니펫이 뭔가 해서 찾아봤습니다.


js에서 


arr에는 forEach 로 가져올수 있는 것처럼


arr.forEach(function(item,index,arr){


}); 를 입력해야되는데


arr.f 엔터 치면 저 위에부분들이 조각처럼 가지고있다가 한번에 나오는 기능을 말합니다.





global 옵션으로 create-react-app 설치 


npm i -g create-react-app

터미널에 create-react-app basic-react


** basicReact 라고 했더니 



Could not create a project called  ''  because of npm naming restrictions 

** name can no longer contain capital letters

네;; 대문자를 사용 못한답니다.


그래서 소문자로 만 하셔야 됩니다.


basic-react로 변경 



입력 후 


cd basic-react


npm start 시


리액트 화면 확인



신나네요 리액트 할 생각에 




+ Recent posts