UMC 웹 프로젝트의 프론트엔드 협업, 일정, UI 분석, 공통 컴포넌트, 트러블 슈팅, 회고를 관리하는 공간입니다.

<aside>

</aside>


<aside> 🔗

Quick Links


항목 링크
GitHub Repository https://github.com/Team-SynQ/frontend
Figma https://www.figma.com/design/FHZ49MS3HLNgs6JOIv13HX/SynQ?node-id=521-246&p=f&t=NJ5c7EDiEtLKTI6J-0
API 명세서 ‣
배포 주소 https://synqai.co.kr/
</aside>

<aside> 🎯

차수별 과제


<aside> <img src="/icons/book_red.svg" alt="/icons/book_red.svg" width="40px" />

프로젝트 가이드라인

Web 프로젝트 가이드라인

</aside>

<aside> 📎

과제 제출란 및 상세 과제 내용

🔗 Web 프로젝트 과제

</aside>

</aside>

<aside> <img src="/icons/user_blue.svg" alt="/icons/user_blue.svg" width="40px" />

개인 페이지


자유롭게 개인 작업 필기, 업무 리스트 등 사용 공간

개인 페이지

</aside>

<aside> ✅

프론트엔드 그라운드 룰


구분 규칙
커뮤니케이션 변경사항은 노션, 디스코드, 카카오톡 및 GitHub Issue/PR에 기록한다.
일정 작업 지연이 예상되면 최소 하루 전 팀원에게 공유한다.
Git 작업 전 반드시 브랜치를 생성하고 PR을 통해 병합한다.
코드 리뷰 PR은 최소 1명 이상 리뷰 후 dev 브랜치에 병합한다.
문서화 새 컴포넌트, 라우트, API 연동 사항은 노션에 기록한다.
공통 컴포넌트 2회 이상 재사용될 UI는 공통 컴포넌트로 분리한다.
충돌 방지 같은 파일을 여러 명이 동시에 수정할 경우 사전에 공유한다.
질문 방식 막히는 부분은 문제 상황, 시도한 방법, 에러 메시지를 함께 공유한다.
</aside>

<aside> ▶️

공통 컴포넌트


프론트에서 2회 이상 재사용되는 UI는 공통 컴포넌트로 분리한다. 컴포넌트는 Figma 디자인 시스템을 기준으로 구현하며, Props / Variant / State / 사용 예시를 함께 문서화한다.

공통 컴포넌트

</aside>


<aside> <img src="/icons/folder_yellow.svg" alt="/icons/folder_yellow.svg" width="40px" />

공유 문서함


여기는 다른 파트원들 공통 문서 허브 및 업무 보드와 연결된 공유 문서함이다. 중요한 문서 및 공유할 업무가 있으면 넣기

Untitled

</aside>


<aside> <img src="/icons/groups_gray.svg" alt="/icons/groups_gray.svg" width="40px" />

회의록


회의록

</aside>


<aside> 🔥

역할 정리


UI 역할 분배 및 분석

역할 정리

</aside>

<aside> 📅

개발 일정 관리표


Untitled

</aside>

<aside> 🚀

트러블 슈팅 & KPT 회고


Untitled

</aside>

SynQ_프론트엔드_기능명세서