Mac 에서 새로운 React 프로젝트를 만들어보겠습니다.
1. 터미널을 열어서 현재 위치를 확인합니다.
(윈도우 사용자는 Git Bash 를 사용하세요. 사용 명령어가 다를 수 있습니다.)
$ pwd
2. 원하는 위치로 이동합니다. (저는 desktop으로 이동했습니다.)
$ cd desktop
3. 폴더를 만들어 줍니다. (저는 'React'라는 이름의 폴더를 만들었습니다.)
$ mkdir React
4. 생성된 폴더('React' )로 이동합니다.
$ cd React
5. 리액트 프로젝트를 만들어 줍니다. (저는 'react-start'라는 이름의 프로젝트를 만들었습니다.)
react-start 라는 디렉터리가 생기고 그 안에 리액트 프로젝트가 생성됩니다.
npx create-react-app react-start
6. 생성이 끝나면 cd 명령어를 사용하여 해당 디렉터리에 들어간 후, yarn start 명령어를 입력합니다.
$ cd react-start
$ yarn start
7. 완료!!
Vs code 에서도 터미널로 리액트를 실행할 수 있습니다.
Vs code - 보기 - 터미널 에서 yarn start 를 입력합니다.
* 에러가 난다면, cd를 사용하여 해당 폴더 위치로 이동한 후 yarn start를 실행합니다.
'웹개발 > React' 카테고리의 다른 글
[React] useState - 컴포넌트 바뀌는 값 관리하기 (0) | 2021.07.16 |
---|---|
[React] props.isSpecial (isSpecial) 조건부 렌더링 (0) | 2021.07.16 |
[React] props를 사용해서 컴포넌트에 값 전달하기 (0) | 2021.07.16 |
[React] JSX의 기본 규칙 (0) | 2021.07.16 |
React 작업환경 준비하기 (Node.js / Yarn) (0) | 2021.07.16 |