프로젝트 한 줄 가치
Frontend Collaboration
작업 범위와 의사결정 기록을 화면 구현에 연결해 협업 비용을 줄이는 방식을 보여줍니다.
프론트엔드 작업 흐름에서 요구사항, 컴포넌트 책임, 전달사항을 명확히 정리하는 협업 예시 프로젝트입니다.
문제 정의
FE 작업은 화면 구현뿐 아니라 요구사항 해석, 데이터 계약 확인, 변경 사항 공유가 함께 필요합니다.
내 역할
- 요구사항 정리
- 컴포넌트 책임 분리
- 협업 전달사항 문서화
기술 스택
- React
- TypeScript
- Figma
- Git
- Markdown
주요 구현
- 화면 단위를 기준으로 필요한 데이터와 컴포넌트 책임을 분리했습니다.
- BE 작업이 필요한 항목은 FE 구현 범위와 분리해 전달할 수 있는 형태로 정리했습니다.
- 커밋과 MR에서 작업 의도를 추적하기 쉽도록 변경 내용을 작은 단위로 나누는 방식을 사용했습니다.
트러블슈팅
- 요구사항이 불명확한 부분은 임의 구현보다 확인이 필요한 항목으로 분리했습니다.
- 문서와 실제 화면 구조가 달라질 수 있어 데이터 모델을 먼저 맞추는 방식으로 위험을 줄였습니다.
성과와 배운 점
- FE 구현자가 확인해야 할 작업 범위와 협업 포인트를 한눈에 볼 수 있게 정리했습니다.
- 실제 프로젝트 정보가 확정되면 협업 사례와 결과를 구체적으로 대체할 수 있습니다.