[React] CRA

Joah·2022년 6월 6일
0

React

목록 보기
5/31
post-thumbnail

CRA

Creat-React-App

리액트 앱을 만든다.

리액트는 UI를 구성하는 기능만 하는 라이브러리.
실제 온전한 웹을 구축하기 위해서는 UI구성 외에도 여러 도구가 필요하다.
그 여러 도구가 무엇인지 모르겠고! 그게 어떻게 동작하는지도 모르겠고!

📍toolchain(내가 그 여러 도구야!)
리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구

그럼 toolchain 어떻게 이용하는데?
음..다른 toolchain도 많은데 React 공식문서에서 CRA로 하래!

  • CRA는 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공
  • CRA를 이용하면 하나의 명령어로 리액트 개발환경 구축 가능


CRA어떻게 이용합니까?

  1. 사용하고 있는 cmd를 켜보자

  2. 명령어 입력
    a. npx creat-react-app 프로젝트 이름
    b. pwd(현재 어떤 위치에 있는지 알아보자)
    c. ls(현재 있는 위치의 하위 목록은 어떤것들이 있나)
    d. cd 프로젝트를 진행할 폴더이름(해당 폴더로 이동)
    e. git log 해볼까?
    (실제로 git에 연결하지도 않았는데 이미 CRA는 우리의 프로젝트를 자동으로 git init과 commit도 해주고 있다.)

  3. 사용하고 있는 편집기 열어서 프로젝트 폴더 열기(상위 폴더 X)

  4. 터미널 창을 열자(ctrl + j)

  5. npm start 입력

CRA가 구성해준 초기 프로젝트가 브라우저 창에 열린다!

profile
Front-end Developer

0개의 댓글