[보드픽] 프론트엔드 초기세팅

zzincode·2024년 5월 1일

스위프

목록 보기
1/12
post-thumbnail

1.설치

1) React 설치

npm create-react-app .

2) React Router 설치

npm install react-router-dom --save

3) SCSS 설치

npm i sass

4) Redux

Redux 설치 :

npm install redux

React Redux 설치 :

npm install react-redux

2.폴더 구조화

boardPick
├── node_modules 
├── public 
├── src
    ├─ assets 
    ├─ components
    ├─ layouts 
    ├─ pages
    ├─ styles
    	├─ base
        	└─ reset.scss
    	├─ utils 
            ├─ variables.scss
        	└─ mixin.scss
        └─ index.scss
    ├─ App.js
    └─ index.js
├── .gitignore
├── package.json 
└── README.md 
  • assets : 사진, 폰트 같은 파일 저장
  • components : 재사용 가능한 컴포넌트(버튼, 모달, 폼 등)
  • layout : 프로젝트 전체 레이아웃 틀 컴포넌트(헤더, 푸터, 내비게이션 등)
  • pages : 페이지 단위의 컴포넌트(라우팅에 적용될 페이지)
  • styles : reset, variables, mixin 등

0개의 댓글