liebert

(1) ctrl + backtick = terminal. (activateed on workspace)

(2) 새로 create 된 app 서버 :

workspace 안에 folder를 옮길떄는 node_modules는 제외하고 복사한다. node 모듈 용량이 너무 크기 때문에 portable에 맞는 사이즈로 줄여주는 것이 좋다.

> 파일을 옮긴 후에는 터미널을 통해 npm i 또는 yarn i를 통해 module을 다시 만들어주어야한다.

> yarn start 로 실행확인.

(3)

D: 설치예정.

D: > React > lib > workspace

1. 필요한 프로그램 다운로드

- Node.js (https://nodejs.org/ko/) / 설정 건드릴 것 없이 default로 설치.

- Yarn -> npm보다 처리속도 빠름 (https://classic.yarnpkg.com/en/docs/install#windows-stable) 

- VS code (https://code.visualstudio.com/)

- 해외와 같은 경우, React보다는 Vue.js 를 선호한다. 둘다 js기반 라이브러리.

2. VS code 설정

(1) 확장 프로그램 

> 확장버튼 클릭 후

> LiverServer 설치.

> Korean Language Pack for VIsual Studio code 설치

> Auto Close Tag 설치 (사용 유무에 따라) Auto complete tag / Auto Import / Auto Rename Tag 모두 설치된다.

> Reactjs code snippets 설치 (코드 자동생성) 

(2) 파일 -> 기본설정 -> 확장 -> live Server Config -> browser chrome private

(3) 파일 -> 기본설정 -> 확장 -> live Server Config -> use Local Ip :>>> local IP로 preview 기능 사용 가능.

Terminal : npx create-react-app + 폴더명

Terminal : yarn start -> live view start.

3. 선행 되어야 할 공부

ES6 (ecmascript)

- var / const / let (최근 var는 거의 쓰이지 않으니 const / let 위주)

- template literal (BackTick `)

- 연산자 (삼항, &&, || 등)

- 화살표 함수.

- map / filter / find

- indexOf / 비구조할당 / 스프레드.