<aside> 🙌🏼

정기회의: 매주 토요일 9:30 ~ 10:00

회의링크: https://meet.google.com/wcq-fvcj-jmd

</aside>

<aside> 📌

파트장: 김가인

파트원: 배송이, 이나경

</aside>

<aside> 🎨

Figma

https://embed.figma.com/design/vOHVSWmm1qVmaPalF9elFj/솔룩스-웹2팀?node-id=1-26&p=f&t=alqdxNdLH0Gt6Xio-0&embed-host=notion&footer=false&theme=system

</aside>

<aside> 🗣

프론트 규칙

모르는 내용이 있으면 솔직하게 빨리 말하기!

연락 빨리보기

</aside>

<aside> ✂️

다운 받아야 할 라이브러리 목록

</aside>

npm install react-icons

npm install react-calendar

npm install socket.io-client

커밋 규칙

[Feat]: 새로운 기능 추가
[Fix]: 버그 수정
[Docs]: 문서 수정
[Style]: 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
[Refactor]: 코드 리펙토링
[Test]: 테스트 코드, 리펙토링 테스트 코드 추가
[Chore]: 빌드 업무 수정, 패키지 매니저 수정

브랜치명 규칙

feature/ 기능 개발
fix/ 버그 수정
hotfix/ 긴급 수정
refactor/ 리팩터링
chore/ 설정 변경, 빌드 작업 등

예시

feature/login
feature/signup-api
fix/comment-bug
refactor/user-profile
chore/update-eslint

폴더 구조 규칙

src/
├── assets/           # 이미지, 아이콘, 폰트, PDF 등 정적 자원
├── components/       # 재사용 가능한 UI 컴포넌트
│   ├── Button/
│   │   ├── Button.tsx
│   │   └── Button.css
│   └── ...
├── pages/            # 라우트별 페이지 컴포넌트
│   ├── Home/
│   │   └── Home.tsx
│   ├── Study/
│   │   └── Study.tsx
│   └── ...
├── layouts/          # 페이지 레이아웃, 공통 헤더/사이드바
├── hooks/            # 커스텀 훅
├── context/          # React Context / 전역 상태 관리
├── services/         # API 요청 / axios instance
├── utils/            # 공용 함수, helper
├── types/            # 타입 정의 (TypeScript)
├── store/            # Redux / Zustand 등 상태관리
├── routes/           # 라우터 정의
├── styles/           # 전역 스타일, 테마
└── App.tsx           # 최상위 컴포넌트
└── main.tsx          # 엔트리 포인트

<aside> 📌

머지 규칙

중요한 기능 구현 완료 → PR 날린 후 카톡 → 팀원 3명 모두 확인 시 Merge

사소한 기능은 카톡 날릴 필요 없음. 기능 명세서에 해당하는 중요한 기능 머지 시만 해당

</aside>

프론트 일정

프론트엔드 회의록