React CRA 생성

CRA 생성

npx create-react-app 만들 프로젝트

cd 만들 프로젝트

npm start

리액트 프로젝트를 시작한다!

구성

node.modules
cra를 구성하는 패키지 소스코드가 존재하는 폴더

package.json
cra패키지 외 추가로 설치된 라이브러리/패키지 정보(버젼)이 기록된다
프로젝트마다 하나씩 존재

dependencies
이곳에는 모든 패키지와 버젼이 확인 가능하다.
패키지는 모듈에 존재

gitignore
깃헙에 올리고 싶지 않은 폴더와 파일을 관리하는 곳
보안이나 너무 모듈같이 너무 무거운 (용량이 많은)폴더를 관리할 수 있다.

public
index.html
images
data - 나중에 세션을 통해 알아보자

src
components - 공통 사용되는 컴포넌트를 관리
pages

• page단위의 컴포넌트
  ex) Login - Login.js, Login.scss

styles

• reset.scss - css를 초기화해 동일한 css환경에서 작업
• common.scss - 공통으로 사용되는 css (box sizing)