React

why react??

• 규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 Frontend Framework(Library)가 등장
  jQUERY는 순수자바스크립트보다 속도가 느려서 나타난게 algular, vue, react가 나타났다.
  
• angular는 구글에서 만든것으로 안정적이지만, 무겁고 배우기 어렵다.
• vue는 코드가 깔끔하고 배우기 쉽기 때문에 가장 나중에 생겼지만, 성장속도가 빠르다.
• react는 페이스북에서 개발한 라이브러리로 지속적으로 데이터가 변화하는 대규모 애플리케이션 구축을 목표로 만들었다. MVC(Model View Controller) Architecture 와는 다르게 오로지 view만 담당한다.
  그래서 가볍고 속도가 빠르다. 그만큼 내장되어 있는 기능이 부족해 third-party 라이브러리를 함께 사용한다.

라이브러리와 프레임워크의 차이?

라이브러리는 내가 불러서 쓰는것, 프레임워크는 프레임워크가 내 코드를 가져다 쓰는것?
라이브러리는 프레임워크에 포함되어있다는 것?

what is react??

• 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리다.
• 리액트는 가상DOM을 이용한다.
  => 이전 상태를 메모리에 유지해서, 변경될 UI의 최소 집합을 계산하는 기술, 이 기술 덕분에 불필요한 업데이트는 줄고 성능은 좋아진다.

작업환경

:: Node.js
Node.js 는 자바스크립트가 브라우저 밖에서도 동작하게 하는 환경이다. 리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 프로젝트를 개발하는 데 필요한 주요 도구들(ex. 바벨, 웹팩)이 Node.js 기반이기 때문에 반드시 설치해야 한다

CRA
create react app
리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구
리액트는 ui기능만 제공하기때문에 개발자가 직접 구축해야하는 것들이 많아서 처음 시작하는 단계에서는 직접 개발 환경을 구축하기 힘들어서 cra환경을 구축