초보 개발자의 프로그래밍 공부방

• C드라이브에 React Project Tutorial이라는 폴더 생성

• cmd창에서 React Project Tutorial폴더 경로로 이동

ㄴcd C:\React Project Tutorial

• create-react-app패키지를 설치

ㄴnpm install -g create-react-app 

(-g옵션은 글로벌패키지라는 의미로, 이 프로젝트 뿐만아니라 다른 프로젝트에도 해당 패키지를 적용할 수 있다는 특징이 있습니다.)

• react 프로젝트를 생성 (각종 라이브러를 포함한 프로젝트를 만들어줍니다.)

ㄴcreate-react-app-management (프로젝트 이름)

• 생성한 react 프로젝트인 management 폴더로 이동

• yarn start를 입력하면 react 프로젝트가 실행됩니다.

서버를 종료시킬때는 Ctrl + c 버튼으로 종료시킬 수 있습니다.

출처

https://www.youtube.com/watch?v=_yEH9mczm3g&list=PLRx0vPvlEmdCED62ZIWCbI-6G_jcwmuFB&index=8

1. 프로젝트 생성

cmd 창에서 명령어 입력

create-react-app hello-react (hello-react란 이름의 React 프로젝트를 생성)

아래와 같이 메시지가 출력되면 프로젝트가 생성된 것

2. 프로젝트 실행

cd hello-react (만든 프로젝트로 이동)

yarn start (yarn 자바스크립트 패키지 매니저 실행)

아래처럼 프로젝트가 실행되서 서버가 돌아가면 된다.

출처

https://velopert.com/3621

1. cmd창 실행

2. npm 설치 되어있는지 확인

아래와 같이 npm -v라고 명령어를 입력해서 숫자가 나온다면 npm이 설치되어 있는것.

3. react app를 설치하기 위해 명령어를 입력

npm install -g create-react-app@2.1.8 (@뒤에 있는 숫자는 버전명임, 입력하지 않을시에는 최신버전으로 설치됨)

아래와 같은 메시지가 출력된다면 설치가 된 것.

또한 create-react-app 명령어를 입력해서 설치가 되었는지 확인할 수 있다.