React

자바스크립트 툴링 피로 

Javascript Fatigue

트랜스파일링(transpiling) 

트랜스컴파일(transcompile)이라고도 하는데 모든 웹 브라우저가 ES6을 지원하지 않고 지원하더라도 모든 ES6 기능을 지원하지 않는 경우도 많아 ES6 코드를 실행하기 전에 ES5로 컴파일하는 것을 말한다. 가장 유명한 트랜스파일링 도구로는 바벨(Babel)이 있다.

Babel · The compiler for next generation JavaScript

공식 리액트

React – A JavaScript library for building user interfaces

리액트를 사용할 때 꼭 노드(Node.js)가 필요한 것은 아니지만 리액트를 다루는 동안 노드 패키지 관리자인 npm을 사용해 리액트가 의존하는 여러 라이브러리를 설치해야 한다. 노드를 설치하면 npm도 자동으로 같이 설치되므로 노드를 설치한다. 

※ 얀(yarn)

노드의 패키지 관리자인 npm 대신할 수 있는 것으로 얀이 있다.

# install yarn
npm install yarn -g

yarn add [package_name]
yarn remove [package_name]

자바스크립트(javascript)

자바스크립트는 웹 페이지에 상호작용을 손쉽게 추가하기 위해 만든 언어였으나 DHTML과 AJAX를 거치면서 활발히 사용되다가 노드가 등장함에 따라 이제 풀스택 애플리케이션을 개발하는 데 쓰이는 언어가 되었다. 자바스크립트의 변화를 주도하는 기관이 바로 ECMA(European Computer Manufacturers Association)다. 

함수형 언어

자바스크립트는 함수를 일반적인 데이터와 마찬가지로 취급한다. 그러므로 함수를 일반적인 값과 마찬가지로 저장하거나 읽어오거나 애플리케이션 안에서 흘려보낼 수 있다. 이러한 점 때문에 자바스크립트를 함수형 언어라고 말할 수 있다. 

함수형 프로그래밍

선언적 프로그래밍(declarative programming)이라는 더 넓은 프로그래밍 패러다임의 한 가지다. 필요한 것이 어떤 것인지 기술하는 데 방점을 두고 애플리케이션의 구조를 세워나가는 프로그래밍 스타일이다. 명령형 프로그래밍(imperative programming)은 이와 달리 코드로 원하는 결과를 달성해 나가는 과정에만 관심을 두는 프로그래밍이다. 함수형 프로그래밍의 핵심 개념으로는 불변성(immutable), 순수 함수(pure function: 파라미터에 의해서만 반환값이 결정되는 함수), 데이터 변환