React란? cmd 리액트 설치 및 실행 (VScode) - yarn

React

 

- JavaScript 라이브러리로, 사용자 인터페이스(UI) 개발에 주로 사용된다.

- Facebook에서 개발하였으며, 최근에는 웹, 모바일, 데스크톱 애플리케이션 등을 개발하는데 널리 사용된다.

- 컴포넌트 기반으로 작성되며, 컴포넌트는 데이터를 입력받아 UI를 렌더링 할 수 있다.

- 데이터의 변화에 따라 자동으로 UI를 갱신하는 기능을 제공한다.

 

React의 강점으로는 코드의 재사용성, 성능, 개발 효율성 등이 있다.

 

1. 리액트 패키지 관리 도구 yarn 설치 - [CMD]창

npm install -global yarn

 

2. 설치확인(버전) - [CMD]창

yarn -v

3. 프로젝트 생성 - [CMD]창

cd c:/data/react 로 프로젝트 생성할 파일 지정
yarn create react-app ex01(프로젝트명)

4. 리액트 시작! - [VSCode] 터미널

yarn start

5. 리액트 종료 - [VSCode] 터미널

Ctrl+C키 (^C)

 

📌리액트는 노드가 깔려있어야 사용할 수 있다.

js 런타임인 node.js를 기반으로 만들어진 webpack과 babel를 사용하기 위해 node.js 설치 필요

 

📌 node.js 설치시 딸려오는 패키지 매니저인 npm은 프로젝트에서 사용되는 라이브러리를 설치하거나 버전관리를 할 때 사용된다.

yarn을 사용하면 npm보다 빠른 속도와 더 나은 캐싱시스템을 사용할 수 있다.

 

  webpack  : JSX문법으로 작성된 여러 컴포넌트들로 구성된 리액트 프로젝트를 하나로 결합하기 위해 사용되는 도구

  babel  : JSX를 비롯한 js문법을 사용하기 위해 필요한 도구