[React] 개요 및 설치.

개요

 

• Javascript library for building user interface
• 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리
• SPA(Single Page Application)을 쉽고 빠르게 만들어주는 도구

 

 

React 장점

• 빠른 업데이트와 렌더링 속도
• 컴포넌트 기반 구조로 재사용성이 높음(모듈간 의존성 낮아짐)
• 재사용성이 높아지므로 개발기간이 짧아지고, 모듈간 의존성이 낮아 유지보수가 쉬워짐
• 세계최대IT 기업인 META 가 스폰하기에 꾸준히 발전하고 업데이트 되고있음
• 개발생태계와 커뮤니티가 매우 크게 형성되어있어 원활한 지식공유가 가능
• 이후 React Native 로 웹뿐만이 아니라 모바일 앱 개발이 가능해짐.

React 단점

• 다른 UI 라이브러리 보다 방대한 학습량
• 상태관리 복잡도가 높음, 이를 위하여 규모가 큰 프로젝트에서는 Redux, MobX, Recoil 등 상태관리 라이브러리를 같이 사용함

---

프로젝트 생성 및 실행

 

Visual Studio Code 사용

Node.js 설치 필요 (npm 사용)

 

React 프로젝트 생성하기

- Visual Studio Code 의 터미널에서 아래와 같은 명령이 입력

npx create-react-app <프로젝트이름>

#ex) npx create-react-app my-app

 

 

설치 이후 Visual Studio Code 에서 생성한 프로젝트 열기

 

React 프로젝트 실행하기

Visual Studio Code의 터미널에 npm start 입력 (명령어를 내릴 경로가 해당 프로젝트에 위치해있어야함)

 

npm start

명령어 실행 후 vscode 화면

실행된 웹사이트