Doit Commit 두잇 커밋 - 우리가 필요한 학습관리 웹사이트

Purpose

• 개발 입문자들이 함께 발전가능할 수 있도록
• 효율적인 개발 학습 관리 시스템의 필요성 체감
• 개발 입문자부터 시니어 개발자까지 모두 포용 가능한 온라인 스터디 공간

참여자 (Frontend)

장준민	안효진

기술스택

division	stack
Front-end
State-Management
Bundler & Compiler
Code Management
Formatting
Linters

Git Branch

• master : 커밋 금지, 최종 배포용
• develop : 각자 개발 후 병합하는 브랜치
• feature/ : 기능 개발 브랜치

---

Folder Structure

• src/
  • hooks/ : 훅
  • components/ : 컴포넌트 폴더
    • ${컴포넌트 이름}/
      • index.tsx
      • styles.tsx : 컴포넌트 스타일
  • utils/ : 유틸함수 폴더
  • pages/ : 페이지 폴더
    • ${페이지 이름}/
      • index.tsx
      • styles.tsx
  • layouts/ : 레이아웃 폴더
    • ${레이아웃 이름}/
      • index.tsx
      • styles.tsx
  • typings/ : 각종 타입 폴더
• client.tsx : 엔티티 파일

---

Scripts

npm run dev : 개발 서버 시작 npm run build : 프로덕션 빌드

path

• 절대경로 설정해놓음 import시 import from '@src/...'

Library

• react-icon reference

  https://react-icons.github.io/react-icons/icons?name=ai