본문 바로가기
Portfolio (성과 & 활동)/[대외활동] 멋쟁이사자처럼 14기 [대표]

[협업 가이드] FExBE 개발 협업

by Dev.후크리 2026. 5. 20.

일반적으로 뭐부터 해야 하지?

언제 뭘 해야 하는 거지?

처음 프로젝트를 진행할 당시 해당 부분을 모르는 상태로 시작하여 많이 어려웠던 기억이 있습니다.

 

이에 대해 언제 무엇을 하는지와 그 예시 및 양식들을 정리하여 글을 씁니다.

아기사자 여러분들의 협업에 도움이 되시길 바랍니다.

(아래 양식이 정답이 아닐 수 있습니다. 개발자마다, PM마다 작업 스타일이 다르기에 그저 참고용으로 봐주시면 좋을 것 같습니다.)

 


 

프론트가 해야 할 일들은 크게 3가지가 있습니다.

  1. UI 담당자와 페이지 요소 관련 논의
  2. API 명세서 업데이트 = 페이지 별 프론트 담당자 작성 및 개발 현황 업데이트
  3. 개발
  4. 연동 = 백엔드는 배포 후 거진 끝입니다.
    이후 프론트가 연동해 보고, 배포하여 다시 연동 테스트를 하면 MVP 개발 단계는 끝이 납니다.
    백엔드 배포 이후 백엔드가 관여하는 부분은 API 수정 및 CORS 수정 등 외엔 일반적으론 없습니다.
    (만약 백엔드 배포와 API 개발에 문제가 없다는 가정 하에)

 


 

백엔드가 해야 할 일들은 크게 5가지가 있습니다.

  1. 기능 명세서 작성
  2. IA 작성
  3. ERD 설계
  4. API 명세서 작성
  5. 개발 

 


 

맨 처음 기획 회의에서 나온 이야기를 기반으로 다음과 같은 순서로 진행하세요.

  1. 기획 회의 (기능들 초안 논의)
  2. 기능명세서 작성
  3. (팀원들과 논의하여 기능 피드백 및 확정)
  4. 기능명세서 최종본 업데이트
  5. IA 작성
  6. IA 기반으로 ERD 설계
  7. IA와 ERD 기반으로 API 명세서 초안 작성
  8. API 명세서에 페이지별 담당자(프론트엔드), API별 담당자(백엔드) 이름 태그
  9. 개발 작업하면서 프백 개발자들 API 명세서 업데이트(서로 작업 현황 확인)
  10. 중요: 백엔드가 API 명세서에 URL과 요청 응답 Json 형식을 기입해 줘야 프론트가 작업 가능

 


1, 기능 명세서 양식

기능 명세서 양식(이경훈)

 

2, IA 양식

출처: https://blog.naver.com/soomichip_/223127062784

[홈]
 ├─ 인기 콘텐츠
 ├─ 오늘의 추천
 └─ 이벤트 배너

[콘텐츠 만들기]
 ├─ 템플릿 선택
 ├─ 커스터마이징
 ├─ 이미지 업로드
 └─ 저장

[커뮤니티]
 ├─ 인기 게시물
 ├─ 좋아요
 ├─ 댓글
 └─ 공유

[이벤트]
 ├─ 챌린지 참여
 ├─ 랭킹
 └─ 리워드

[마이페이지]
 ├─ 내 콘텐츠
 ├─ 활동 내역
 └─ 설정

 

3, ERD 양식

양식-AI

 

ERD 양식(이경훈)


 

4, API 명세서 양식

API 명세서 양식(이경훈)
API 명세서 양식-멋사 연합 해커톤 당시 팀 명세서