Node 설치

팀원들과 함께 회의날짜 기준 LTS인 16.3.1 버전을 사용하기로 결정한 상황입니다.
이미 17이 출시되었기 때문에 16을 사용하려면, 다운 받을 때 프로그램 명 뒤에 버전을 명시해주어야 합니다.

brew install node@16

설치 후에, "16은 이전 버전이기 때문에
echo 'export PATH="/usr/local/opt/node@16/bin:$PATH"' >> ~/.zshrc
를 하라"는 설명 그대로 이행했습니다.

node, npm, npx 버전 확인

-v 옵션으로 버전을 확인할 수 있습니다.

npx로 React 프로젝트 생성

npx create-reate-app [프로젝트 이름]

npx로 React 앱을 쉽게 만들 수 있습니다.

출력된 것들

Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

Creating a new React app in [현재 디렉토리]

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


added 1360 packages in 1m

163 packages are looking for funding
  run `npm fund` for details

Initialized a git repository.

Installing template dependencies using npm...

added 33 packages in 7s

163 packages are looking for funding
  run `npm fund` for details
Removing template package using npm...


removed 1 package, and audited 1393 packages in 4s

163 packages are looking for funding
  run `npm fund` for details

6 moderate severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

Created git commit.

Success! Created parasite at [현재 디렉토리]
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd [프로젝트 이름]
  npm start

Happy hacking!

React 프로젝트 디렉토리 안에 생성된 파일들

React 프로젝트 실행

npm start

실행 종료하기

control + C 를 입력하면 실행이 종료됩니다.