[LOLPAGO] React 설치 및 Header 구성(1)

🚗 Git 설정

깃허브를 통해서 유지보수를 해야하므로 Git을 이용할 예정이다.

 

중요한 내용들이니까 Private로 만들었다.

 

 

 

다음과 같이 VScode에서 클론을 하면 레포지토리가 로컬에 생성된다.

 

 

 

해당 환경에서 실행을 할 것이다.

 

 

 

 

 

🚓 React 설치

우선 롤파고 프로그램을 개발하기 위해 React를 사용하려고 한다.

 

React를 설치하기 위해서는 아래와 같은 절차를 거치면 된다.

 

https://github.com/facebook/create-react-app

GitHub - facebook/create-react-app: Set up a modern web app by running one command.

 

위의 링크에 들어가면 볼 수 있는 가장 첫 번째 명령어다.

 

npx create-react-app my-app
cd my-app
npm start

 

 

우리는 롤파고 프론트엔드를 개발할 예정이기 때문에 lolpago-front라고 이름을 지어주도록 하겠다.

 

npx create-react-app lolpago-front
cd lolpago-front
npm start

 

 

LOLPAGO 폴더 안에서 개발을 진행했어야 했는데 실수를 해서 강제종료를 하고 다시 진행한 모습이다.

 

꼭 올바른 폴더에서 명령어를 실행하도록 하자.

 

이제 실행해보겠다.

 

 

위와 같이 오류가 났는데 또 폴더에 들어가지 않아서 발생한 오류이다.

 

 

정상적으로 실행되려면 위와 같은 페이지가 뜨면 된다.

 

이렇게 리액트 설치는 어렵지 않다.

 

이후에 사용할 모듈을 꾸준히 설치해야하므로 완전히 끝났다고는 할 수 없다.