리액트, 노드 쇼핑몰 -프론트엔드 기본 구조 생성하기- [John Ahn]

Vite을 이용한 리액트 생성하기

 

Vite ESlint 설정하기

 

vite.config.js을 frontend 폴더 에서 만들어서 eslint plugin을 적용한다.

TailWindCSS에 대해서

TailwindCSS 를 앱에 적용하기

React Router Dom

React Router Dom APIs

 

 

 

 

React Router Dom 적용하기

 

 

 

루트 경로일 경우  랜딩 페이지 컴포넌트가

 

로그인 경로 일떄는 로그인 컴포넌트가 outlet 컴포넌트로 들어온다.

 

 

 

 

 

 

 

 

 

 

3

 

CSS 전체 구조 & React Icons

 

리덕스 사용을 위해 준비하기

 

Redux-Persist