리액트(React) 설치하기

Wonju·2021년 11월 24일
0
  1. Node.js 와 vscode를 설치한다

둘다 이미 되어있다.

  1. 코드를 넣을 폴더를 하나 만들어준다.

  2. 폴더를 vscode로 연다.

  3. vscode에서 터미널을 열어준다(버튼 누르거나, 하단에서 끌어올리면됨)

  4. 명령어를 입력한다.
    npx create-react-app blog
    이렇게 쳐준다.

  5. 설치 다 되면 다시 아까 만든 폴더를 열어준다.

  6. 코드를 브라우저로 미리보기 하고 싶으면
    src폴더 안에 App.js 를 열고 그 파일에 작업을 하면 되는데,
    실시간으로 보고 싶으면 터미널을 키고
    npm start 를 입력한다. 그러면 자동으로 브라우저가 뜬다.
    만약 뜨지 않을 경우 크롬 키고 localhost:3000 이라고 입력해준다.


코딩애플 인강을 보고 간단하게 작성해놨다.

profile
안녕하세여

0개의 댓글