리액트 - 셀프 개발자 코딩 부트캠프

리액트

페이스북(메타)에서 개발한 View 만을 위한 라이브러리.

Virtual DOM(VDOM)
메모리에 가상의 DOM을 만들고 실제 DOM과 동기화. DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화.
데이터를 업데이트 하면 전체 UI를 VDOM에 리렌더링 -> 이전 VDOM과 비교하고  변한 부분만 DOM에 적용.

리액트는 View만 신경쓰기 때문에 라우팅, 상태관리, Ajax처리같은건 다른 라이브러리의 도움을 받아야 한다.

Yarn

yarn이 npm에 비해 더 빠르고 보안성이 좋다고 한다.
고양이 아이콘이 귀엽다.

 

# yarn 설치

$npm install --global yarn

 

# 리액트 에디터
아무거나 사용해도 상관 없지만 VS Code추천 : 맥, 윈도우 모두 지원하기 때문에 좋다. 갓 마소에서 제작.
다양한 익스텐션을 제공한다.

여기서 익스텐션 설치 가능
# 추천 확장 프로그램
ESLint : 자바스크립트 문법 및 코드 스타일 검사
Reactjs Code Snippets : 리액트 코드 스니펫 제공
Prettier-Code formatter : 코드 스타일 자동 정리