[React] 리액트 프로젝트 생성하기

node.js를 설치한 후에, 리액트 프로젝트를 생성한다.

node.js 설치하기

이전 게시글을 참고

https://dev-wisdom.tistory.com/167

[node.js] node.js 설치하기(feat. Homebrew 설치)

리액트 프로젝트 생성

터미널을 실행한 후 아래 명령을 입력한다.

npx create-react-app [프로젝트명]

설치완료

설치하고 싶은 경로가 있다면, 해당 경로로 이동한 뒤에 설치한다.

vsc에서 설치한 프로젝트(폴더)를 열고 터미널에 npm run start를 입력하여 리액트를 실행한다.

npm run start

리액트의 기본 포트는 3000번으로 localhost:3000에 접속하면 웹 화면을 확인할 수 있다.

localhost:3000

중간에 src/App.js 앞 영문자는 테스트로 입력한거라서 무시하면 됨.

다음에 할일

- 스프링부트로 리액트 서버 띄우기