리액트 초기 폴더 구조 및 Router 설정 :: react-router-dom, BrowerRouter

폴더 구조 저는 폴더 전체 구조를 잡을 때 apis, assets, pages, components, styles 폴더로 나누고, 그 안에 index.js 파일로 관리합니다. pages 폴더에는 말 그래도 웹에 띄우는 페이지 단위가 들어갑니다. components 폴더에는 페이지 안에 컴포넌트로 구성될 요소들이 들어갑니다. 컴포넌트로 따로 빼놓으면 여러 페이지에서 해당 컴포넌트를 재사용할 수 있기 때문에 분리시키는 게 좋습니다. assets 폴더에는 image, video, font 등을 저장합니다. apis 폴더에는 서버와의 통신에 필요한 get, post, put, delete api 구조의 틀을 잡아놓고 사용합니다. styles 폴더에는 css 파일들을 관리합니다. 얼마 전 IT 연합 학회에서 게시..
프로그래밍/React 2022. 4. 23. 16:16
1