Create a New React App

가이드를 따라서 리엑트 앱을 만들어 보기로 한다.

 

아래와 같이 명령어를 입력한다.

 

npx create-react-app pish_react

terin@terinui-Macmini GitHub % npx create-react-app pish_react
Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Creating a new React app in /Users/terin/Documents/GitHub/pish_react.

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


added 1393 packages in 44s

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

Initialized a git repository.

Installing template dependencies using npm...
npm WARN deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated

added 52 packages in 4s

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


removed 1 package, and audited 1445 packages in 1s

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

6 high severity vulnerabilities

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

Run `npm audit` for details.

Created git commit.

Success! Created pish_react at /Users/terin/Documents/GitHub/pish_react
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 pish_react
  npm start

Happy hacking!

그러면 위에처럼 쭉쭉 설치가 된다.

 

 

다음에 개발 모드로 실행을 시켜보자!

아래 명령을 입력하면 된다.

npm start

Compiled successfully!

You can now view pish_react in the browser.

 

  Local:            http://localhost:3000

  On Your Network:  http://192.168.0.2:3000

 

Note that the development build is not optimized.

To create a production build, use npm run build.

 

webpack compiled successfully