본문 바로가기
FrontEnd/React

yarn 생성 프로젝트 구조 설명

by andante131 2023. 8. 5.
더보기

기본적으로 yarn 을 사용해 만든 프로젝트들은 모두 같은 구조로 만들어진다. 

프로젝트에서 yarn 으로 처음 생성된 파일들을 살펴보자.

.yarn :  yarn 을 실행할때 사용

.yarn_lock : 라이브러리 버전 정보가 들어있음

.pnp ~  : 플러그인 플레이 방식으로 필요한 패키지(라이브러리)를 설치해서 사용

.gitignore : git에서 버저닝 하지않을 파일 목록 

src/ : 소스코드(동적인 리소스) 관련 파일들 

public/ : 정적 리소스 관련 파일들 (스프링의 resources/  폴더 역할)

 

주로 src 에 변하는 부분(동적 리소스)

public에 변하지 않는 부분(정적 리소스)를 넣는다

 

 

 

'FrontEnd > React' 카테고리의 다른 글

React 관련 Tool  (0) 2023.08.06
Creat React App - 프로젝트 생성  (0) 2023.08.05
리액트 역사, 개념 설명  (0) 2023.08.05