리액트 기반 개인 블로그 만들기) 01. React 설치 & 시작하기

안녕하세요 메밀묵입니다.

리액트를 이용해서 블로그를 만드는 포스팅입니다.

저도 같이 공부하며 하나씩 올려나가겠습니다.

먼저 리액트를 사용하기 위해 패키지 설치 프로그램인
npm 또는 yarn을 설치 해 줍니다.

이 포스팅에서는 nodejs를 설치해서 npm을 사용하겠습니다.

1. Node JS 설치하기

NodeJS 설치하기

위의 링크를 눌러서 nodejs를 설치해줍니다.

2. 리액트 프로젝트 설치하기

어떤 에디터를 사용해도 좋으나 저는 주로 vscode를 사용하기때문에
vscode의 터미널에서 작업을 진행하겠습니다.
터미널에서 npm -version 을 입력해 제대로 npm이 설치되어있는지 확인합니다.

리액트 프로젝트를 설치하려는 폴더로 cd 명령어를 이용해 이동해서

npm install -g create-react-app
create-react-app '입력하고자 하는 프로젝트명' 

위 코드대로 명령어를 입력하면 리액트 프로젝트를 설치 할 수 있습니다.

3. 리액트 프로젝트 시작하기

설치된 리액트 프로젝트를 시작하기 위해선
다음과 같은 명령어를 입력하면 됩니다.

npm start

그럼 아래와같이 리액트 기본프로젝트 실행이 완료된 모습을 볼 수 있습니다.