[Material-UI 실습] 1. Create React App 생성

새로운 React 프로젝트를 시작하기 위해 Create React App을 생성해야한다. 프로젝트를 생성할 위치에서 다음과 같이 명령어를 입력하여 create-react-app 모듈을 설치한다. Node js 설치되었다고 가정였다.

npm install -g create-react-app

그리고 앱을 생성상하기 위해 다음과 같이 명령어를 입력한다. 프로젝트 이름은 material-ui-tutorial로 설정했다.

 

create-react-app material-ui-tutorial

그리고 생성된 프로젝트를 확인하기 위해 프로젝트 위치로 이동한다.

cd material-ui-tutorial

다음과 같은 구조로 프로젝트 생성됨을 확인할 수 있다.

 

create-react-app 구조

확인을 위해 다음과 같이 명령어를 입력하여 프로젝트를 실행한다.

 

npm start

http://localhost:3000/ 에서 다음과 같이 프로젝트를 확인할 수 있다.

 

Create React App

Material-UI 실습을 진행한 코드는 여기에서 확인할 수 있다.

https://github.com/Jongbeom2/material-ui-tutorial

Jongbeom2/material-ui-tutorial

구현된 결과물은 여기서에서 확인할 수 있다.

https://jb-material-ui-tutorial.herokuapp.com/

Material UI Tutorial