IT 기술/[React] 기본
0. React 시작하기
Lee Hye Won
2021. 4. 28. 15:08
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 문법을 사용하기 위해 사용