0. React 시작하기

JavaScript 는 "DOM 을 직접 건드리며 업데이트 하는 방식" 이고,

React 는 "아예 다 날려버리고, 처음부터 새로 만들어서 보여주는 방식" 이다.

 

# React에서는 Virtual DOM이라는 것을 사용하기 때문에 속도의 걱정이 없다.

(Virtual DOM은 실제 보여지는 DOM이 아닌, 메모리에 가상으로 존재하는 DOM)

→ 업데이트가 필요한 곳의 UI를 Virtual DOM을 통해 렌더링!

→ 기존에 보여지고 있는 DOM과 비교하여 차이점을 감지한 후, 이를 실제 DOM에 patch!

 

# Node.js : Javascript Runtime.

> npm​ : Node.js를 설치하면 같이 설치되는 Package Manager. 프로젝트에 사용되는 라이브러리를 설치하고,

해당 라이브러리들의 버전관리를 할 때 사용

​

# Yarn : 개선된 버전의 npm. 더 나은 속도, 더 나은 캐싱 시스템.

​

# Webpack : 리액트 프로젝트에서 JSX 문법으로 작성된 여러 파일을 하나로 결합하기 위해 사용

# Babel : JSX를 비롯한 새로운 Javascript 문법을 사용하기 위해 사용

 

출처 : https://react.vlpt.us/basic/01-concept.html