2020-02-13(목)

https://react.vlpt.us/

벨로퍼트와 함께하는 모던 리액트 · GitBook

DOM을 직접 건드리면서 작업하면 관리하기가 어려워진다. 업데이트 규칙도 많아지고.. 코드가 꼬이고....

그래서 프레임워크가 나타났다.

리액트는 상태가 바뀌었을때, 돔을 업데이트 하는게 아니라 돔을 없애고 새로 만들어서 보여줌... 리액트에서는 Virtual DOM으로 성능을 지켜가면서 작업하게 만들었다.

업데이트 -> 업데이트 할 돔을 메모리 돔에 올리고 비교해서 리얼돔과 버츄얼 돔을 비교해서 실제 돔에 패치(차이를 확인해서 반영)를 해준다.

UI를 어떻게 보여줄지 집중.

UI는 컴포넌트로 선언 컴포넌트 : UI조각

const Hello = ({name}) => <div>Hello, {name}</div>

작업환경 준비하기

다운받아야 할 프로그램

1. node.js : 브라우저 환경이 아닌곳에서도 자바스크립트를 실행시키게 해주는 자바스크립트 런타임 프로그램
2. yarn : 자바스크립트 패키지를 매니징하는 도구, npm과 비슷한 도구인데 npm보다 빠르다.
3. VScode : 코드 에디터
4. git(for window) : git bash 가 편리 (cmd도 사용할 수 있지만 불편하다)

설치했는지 확인

node --version
yarn --version

pwd : 현재 경로 mkdir : react-tutorial

이후는 실습...