Create React App

CRA( create-react-app) 을 통해 리엑트 프로젝트 구성하기

1. CRA(Create-react-app) 란?

-> 리엑트 프로젝트를 하기 위해 필요한 여러 프로그램을 자동으로 설치해주는 도구이다.

-> 리액트를 이용해서 웹사이트를 만들 때 필요한 것을 자동으로 설치해주는 CRA를 사용하는 것

 

2. 시작하기

(1) CRA로 프로젝트 생성하기

첫 리액트 프로젝트를 만들어보기

윈도우는 git bash 또는 power shell에서 mac os는 터미널에서 아래 코드 입력

ls #현재 내가 위치하고 있는 곳이 어디인지 확인

cd 폴더이름 #리액트 프로젝트를 생성하고 싶은 폴더로 들어가기

yarn create react-app week-1 #프로젝트 생성!

 

VSCode를 켜서 폴더 구조 확인

 

* 설치하면 좋은것들

1. material icon theme

 

2. javascript (es6) code snippets

 

3. Korean Language Pack for Visual Studio Code

 

4. Auto Close Tag