React

들어가기에 앞서...

React를 배우려는데 Nodejs는 왜 깔아야하며, npm은 왜 나오는 것일까?

nodejs는 backend 영역이라고 생각했던 나는 react에 입문하며 많은 사실을 깨달았다. 😂 

 

JS는 근본적으로 한계와 문제점을 가지고 만들어져 이 점을 보완해줄 무언가가 필요하기 때문에 설치해주어야 할 것이 많다. 

 

0. React 란?

프론트엔드 라이브러리.

왜 react인가?

 

 

1. Node.js

Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임이다. 

런타임이란?

Node.js 에 대한 오해

 

Webpack 과 Babel 같은 도구들이 자바스크립트 런타임인 Node.js 를 기반으로 만들어져 있다.

해당 도구들을 사용하기 위해서 Node.js 를 설치한다.

 

2. NPM

Node Packaged Manager의 약자.

NodeJS에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할을 하며 설치/관리를 수행할 수 있는 CLI를 제공한다.

 

 

3. yarn

facebook에서 만든 새로운 자바스크립트 패키지 매니저.
yarn은 npm을 대체할 수 있는 도구이고 npm 보다 더 빠르며 효율적인 캐시 시스템과 기타 부가 기능을 제공하고 있다.

 

 

4. Webpack 

여러 JS 라이브러리, 의존성을 가진 패키지를 하나로 묶어줌.

네트워크 부하를 줄여주고 의존성을 신경쓰지 않아도 되며. 글로벌 오염을 방지함.

webpack이란?

 

 

5. Babel

자바스크립트 컴파일러다. 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해준다. 최신 문법을 사용해서 코딩을 할 수 있기 때문에 생산성이 향상된다.

bable 이란?

 

 

6. Redux

사용률이 높은 상태관리 라이브러리. 
redux를 사용하면 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 할 수 있음.
또한, 컴포넌트끼리 상태를 공유하게 될 때 여러 컴포넌트를 거치지 않고도 손쉽게 상태 값을 전달 할 수 있음.