[React] React 개인 프로젝트 생성

 

 

졸업 작품 떄 썼던 React를 다 까먹었다.

 

새로 프로젝트를 만들려고 한다.

 

 

 

 

혼자서 프로젝트를 구현해보고 싶은 마음이 가장 컸다.

처음엔 간단하게 Blog 페이지를 만들어보고 싶다.

 

 

그 후에 React가 익숙해지면 내가 만들고 싶던 주제로 

백엔드와 연동하여 프로젝트를 만들어봐야겠다.

 

 

 

 

 

 

처음은 환경 설정이다.

React 프로젝트를 생성하기 위해선

2가지를 설치해야한다.

그것은 Node.js 와 Vscode이다.

난 원래 Vscode가 있었기 때문에

Node.js만 최신버전으로 설치해주었다.

 

2가지를 설치하였으면

이젠 Vscode를 통해 React 프로젝트를 생성할 차례이다.

 

 

다음 사진과 같이

"npx create-react-app 프로젝트명"을 입력해준다.

난 내 프로젝트명을 blog라고 지었다.

 

여기서 create-react-app은 리액트 셋팅을 다 해준다.

만들기 쉽게 도와주는 라이브러리라고 생각하면 된다.

 

 

 

그럼 다음 사진과 같이

폴더 구조가 생성된다.

 

 

 

 

 

 

그 후 App.js 파일을 살펴보면

이 파일이 메인페이지라는 것을 알 수 있다.

 

 

이제 코드를 작성하면서 프로젝트를 구현하면 된다.

 

 

아 맞다

 

 

 

React로 만든 프로젝트를 미리 보고 싶다면

"npm start"를 입력하여 창을 열어 확인하면 된다.