[React] 리액트 시작하기

Node.js 설치하기

 

https://nodejs.org/ko/

Node.js

 

이 사이트에서 원하는 버전에 맞게 설치해준다.

(나는 LTS인 18 버전으로)

 

계속 넘어가서 설치를 잘 했다면

 

Node 버전을 확인하는 node -v,

npm 버전을 확인하는 npm -v 을 통해

설치가 잘 되었는지 확인해본다.

 

이렇게 확인 가능하다.

 

npx 또한 확인하기를 원한다면 npx -v 을 통해 확인할 수 있다.

 

React 프로젝트 생성

npx create-react-app {app 이름}

npx 를 통해 프로젝트가 생성된다.

 

src 폴더 내에 App.js 가 메인 페이지다.

 

여기에다가 코드를 작성하면 된다.

 

 

브라우저로 미리보기

npm start 를 통해 지금 구현 중인 웹 사이트를 미리 볼 수 있다.

 

브라우저가 자동으로 열리지 않는다면

localhost:3000 으로 직접 열어주면 된다.

 

 

---

React

React는 사용자 정의 태그(컴포넌트)를 만드는 기술이다.