Home

사용 기술

• UI : React, styled-components
• Routing : react-router
• 상태 관리 : React Context API
• 통신 : axios
• 배포 : Vercel, GitHub Actions
• 라이브러리
  • Kakao SDK (공유하기)
  • React Quill (Text editor)

폴더 구조

src
ㄴ api # 공통 통신 모듈
ㄴ assets # svg, png 등 resources
ㄴ components # 공통 컴포넌트
ㄴ features # 기능 관련
  ㄴ feature1
    ㄴ api # 특정 기능을 위한 통신 모듈
    ㄴ components # 특정 기능과 관련된 component (공통적으로 사용되지 않지만 유지보수를 위해 분리한 경우)
  ㄴ feature2
    ㄴ api
    ㄴ components
ㄴ hooks # custom hooks
ㄴ layouts # 공통 layout을 제공하는 components
ㄴ libs # 공통 모듈
ㄴ pages # 페이지
ㄴ styles # 전역 style (CSS 파일)
ㄴ utils # 재사용 함수
ㄴ app.jsx
ㄴ main.jsx