[react web] 시작하기

실습 기준으로 빠르게 리액트의 기본을 알아가자. 프로젝트를 진행한 기준으로 사용한 기술들을 정리하려 한다. 신입 개발자나 취준분들에게 많은 도움이 될 것이다.

 

 

before starting

> 시작전 아래의 방법을 cmd에 친다. 버전이 안뜬다면, 기본적으로 설치를 진행하자.

 

$ node -v
$ npm -v
$ npx -v

 

 

설치가 됐다면, 아래의 명령어로 web을 만들기 위한 리액트를 시작할 수 있다.

 

$ npx create-react-app base0
$ cd base0
$ npm start

 

$ npx create-react-app base0 

이 명령어는 base0이라는 프로젝트를 시작한다는 말이다. base0 대신 사용하고 싶은 프로젝트명을 사용하면 된다.

 

$ cd base0

base0이라는 생성된 폴더에 들어간다.

 

$ npm start

프로젝트를 시작하는 명령어다. 아래와 같은 사이트가 뜬다면 성공!!

 

 

VScode로 프로젝트를 보면 다음과 같다.

복잡한 구조들이 보인다. 이제 위의 파일들을 정리할 필요가 보인다.

 

 

2021.10.25 - [Web/React] - [react web] 시작 후 파일 정리