[React] 프로젝트 생성 및 실행하기

react를 사용하기 위한 기본 세팅이 끝났으면 아래와 같이 프로젝트를 생성할 수 있다.

1. 프로젝트 생성방법

1-1. react 프로젝트 생성

react 프로젝트를 생성하기 위해 콘솔창을 열어주고 생성경로로 이동한다. 위 설치 방법은 front단의 프로젝트만 설치하는 방법으로 기본적인 react 프로젝트의 생성방법이다.

npm new create 프로젝트명

1-2. dotnet 프로젝트 생성

dotnet 프로젝트는 위에서 설치한 프론트엔드 프로젝트를 포함하여 back단의 파일도 함께 생성할 수 있는 기능이다. 위 기능을 사용하기 위해서는 node.js뿐 아니라 dotnet도 설치해줘야 한다. dotnet을 back으로 사용하기 위해 설치를 하지만 dotnet이 아닌 다른걸 사용해도 상관없기 때문에 위에서 설치한 create-app만 설치하여도 무방하다.

마찬가지로 프로젝트를 생성하기 위해 콘솔창을 열고 생성경로로 이동한다.

dotnet new create

2. 실행하기

react 프로젝트 실행

실행시킬 프로젝트 경로 이동

npm start

dotnet 프로젝트 실행

실행시킬 프로젝트 경로 이동

dotnet start