[React] 리액트, 리액트 설치하기

리액트란?

리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다.  싱글 페이지 애플리케이션 개발에 사용이 되고 Virtual DOM과 JSX 개념을 사용하며 동작합니다. 그리고 컴포넌트 개념을 사용하여 UI 개발을 좀 더 수월하게 해 줍니다.

 

리액트 설치하기

https://create-react-app.dev/docs/getting-started/

리액트를 설치하기 전에 Node.js를 먼저 설치가 선행되어야 한다.

터미널에 다음 명령어를 입력한다.

npx create-react-app my-app

 

my-app은 설치할 리액트 관련 파일들이 저장될 폴더 이름이다.

지금 현재 위치하고 있는 폴더에 설치를 하고 싶으면 다음 명령어를 입력하면 된다.

npx create-react-app .

 

터미널 명령어로 my-app으로 이동해 준다.

cd my-app

 

리액트 실행하기

다음 명령어를 입력하여 리액트를 실행시켜 준다.

npm run start

리액트가 정상적으로 설치가 완료되면 터미널에 "webpack comiled successfully" 문구와 브라우저에 리액트 아이콘이 나타난다.

 

리액트 종료하기

Ctrl + c