(React) 1. 환경설정

23.04.02 -
4년차 백앤드 눕눕이 + 3년차 백앤드 눕눕이 (나)
둘다 java 기반의 백앤드 개발만 하다가 느낀게 요즘
SSR -> CSR 기반으로 개발 구조를 많이 가져가는것 같아
프론트쪽으로 주도권이 많이 넘어 가고 있다는 생각에 리엑트를 찍먹해보고자
친구랑 둘이 손잡고 사이좋게 프론트 맛보기 리엑트 오프라인 강의를 듣기 시작했다.

이에 첫날 배운것을 정리해보고자 한다 총 10주간 10번에 나눠 그 주에 배운 것들을
정리 하는 글을 꾸준히 올릴려고 한다.

리엑트(react) 란?

 - 동적 사용자 인터페이스를 만들기 위해 Facebook에서 2011 년에 만든 오픈 소스 JavaScript 라이브러리
 - 데이터 변경이 잦은 복잡하고, 규모가 큰 웹 애플리케이션에 적합하다.
 - CSR 기반, Virtual Dom을 사용
 - 페이스북, 인스타그램, 넷플릭스, 야후, 드롭박스, MS 등 에서 사용

리엑트 개발 환경설정

1. Node.js 설치

https://nodejs.org/ko/

  리엑트 를 이용하기 위해서는 Node.js가 먼저 설치되어 있어야 한다

2. npm & yarn 설치

 
 npm 의 경우, node.js를 설치할 때 같이 설치가 된다.
 
 yarn 설치 방법
 npm install --global yarn
 

3. IDE 설치

 나는 VS Code를 선택했다. 
 
 -> VS Code는 extensions 탭을 통해 react, vue 진영의 라이브러리 나 plugIn 들을 쉽게 설치하고 
    IDE에 적용하여 사용할 수 있다.

4. CRA (Create-React-App) 프로젝트 생성

yarn create react-app 프로젝트이름