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 시
리액트 화면 확인
신나네요 리액트 할 생각에
'개발일지(Platform & Library) > React' 카테고리의 다른 글
[React] 리액트 컴포넌트 정리 (Component) (0) | 2018.08.20 |
---|---|
[React] 시작 전 준비 단계 트러블 슈팅 (Trouble Shooting) (0) | 2018.08.07 |
[React] 시작 전 준비 마지막 및 정리 ( JSX , ReactDOM.render ) (0) | 2018.08.07 |
[React] 시작 전 준비 2단계( 리액트 코드 index.js) (0) | 2018.08.05 |
[React] 시작 전 준비 1단계( 리액트 코드 ) (0) | 2018.08.05 |