Hanpyo

Hanpyo renewal project

프로젝트 폴더 구조

- config (웹팩 등 복잡한 설정 파일)
- public
- scripts (npm 스크립트 파일)
- src
    - __tests__
    - pages (페이지 단위 진입 컴포넌트)
        - Home.tsx
        - ....
    - components
        - common (공통)
            - modal.tsx
            - modal.scss
            - .....tsx
        - home (페이지하위 -> 불필요한 뎁스를 안만든다)
            - TodoList.tsx
            - TodoList.scss 
    - hooks (임시. 커스텀훅이 필요한 경우 다시 논의)
    - common (프로젝트 전반적으로 쓰이는 파일 -> 필요한 경우)
        - style (공통 스타일 파일)
        - @types
        - constants
        - utils
        - ....
    - api (API 구조가 정해지면 다시 논의)
    - store (recoil 페이지 단위 상태관리)

개발환경 설정

• IDE 환경 셋팅

  • IDE : vsCode
  • extensions : ESLint, Prettier, EditorConfig, stylelint (컨벤션 체크 위한 필수)

• 프로젝트 로컬 실행

npm install
npm run start

Browser Support

• Chrome
• 크로스 브라우징 지원은 추후 논의

WIKI

• 개발 컨벤션
• 기술 스택
• 브랜치 관리 전략
• 배포 가이드