HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
🍎
화랑팀
/
1기해체분석기
1기해체분석기
1기해체분석기

1기해체분석기

🧚
[1기]최종 프로젝트 데브코스
사용 기술 스택, 진행 과정 등
 
고광필 1-3조

1조 도깨비

  • 피그마 와이어 프레임 선 작성 후 개발
    • 페이지 별 필요한 기능 정의
  • 프론트 기술스택: ts, react, next.js, emotion (styled), context api, Mui, storybook, vercel
  • 협업 툴: github, notion, slack, jira
  • 일일 흐름: 프 / 백 전체 스크럼 ⇒ 프론트 스크럼 ⇒ 1시간 가량의 개인간 코드 리뷰 ⇒ 코어 타임 스프린트는 1주일을 기준으로 프+백, 프, 백 3번 진행해서 각 팀의 진행상황을 공유하고 관리
  • 5일차에 피그마 GUI 작성이 모두 완료, 6일차부터 업무 분배 후 개발
  • 컴포넌트를 추가했을 경우 storybook 캡처 사진 필수 등록
  • 프론트 이슈 상황과 해결 방안을 노션에 모두 정리하였음

2조 극락이들

  • 프론트 기술스택: storybook
  • 협업 툴: github를 최대한 활용 (issue, project kanban) 백 api 소통: swagger ui
  • 요구사항 분석 후 개발
    • 프로젝트 목표를 반드시 완수, 여력이 된다면 하기로 나눠놓음

3조 아이육

  • 프론트 기술스택: react, craco, emotion (styled), axios, swr, eslint, prettier
  • 협업 툴: github issue
  • 프론트 스크럼은 하루 2번 오픈과 엔딩에 진행
  • 프 + 백 전체 스크럼은 월, 수, 금에 진행
 
내가 생각하는 흐름
큰틀의 주제 (SNS 등) 정하기
주제에 맞는 페이지 분류
페이지에 맞는 기능 분류
그 기능에 맞는 데이터 분류
⇒ 이걸 토대로 프론트는 피그마 만들고, 백은 데이터를 짜고
김민기 4-6조
4 ~ 6조
박인화 7-9조
7~9조
엄윤성 10-12조
10-12조 분석
정종관 13-15조

13조


기획

 

프로젝트 진행

초반 기획읜 매일 프론트/백 전체회의 - 기획, 디자인, 팀업회의
초반 환결 설정 관렪내서 프론트 회의
notion image
 
notion image
1주차
개발환경 구축
디자인 초안
와이어프레임
1차 스프린트 기능 명세 및 구현
베이스 컴포넌트 위주
2주차
플로우차트 및 와이어프레임
페이지별 명세 - 기능, api 등
컴파운드, 도메인 개발
notion image
3주차
고도화, 리팩토링, 배포
 
 

기술 스택

notion image
 
 

14조


기획

길거리 농구 예약 서비스
 

프로젝트 진행

notion image
 

기술스택

notion image
 

15조


기획

 

프로젝트 진행

1주차
notion image
2주차
💡
1주차에 작성한 베이스, 컴파운드 컴포넌트를 기반으로 더 복잡한 로직의 도메인과 페이지 컴포넌트들을 제작하는 주였다. - 복잡한 로직이 들어가고, 디자인을 맞추어 스타일도 세세하게 작성해야 했던 까닭에, 각자의 개발 속도의 차이를 확연히 확인할 수 있었던 주였다. - 각자의 속도와 능력치에 맞는 이슈를 생성하고 할당받아 개발을 진행했다. - 개발 속도의 차이로 인해 프로젝트 코드에 대한 이해도에 차이가 나는 것을 방지하기 위해서, 또 더 완성도 있는 컴포넌트 제작을 위해서 코드리뷰를 최대한 엄격하게 시행하였다. - 그 결과 머지가 조금 늦어지긴 했지만, 컴포넌트의 완성도는 높아진 느낌이다.
3주차
 

기술 스택

notion image
 
 

기타

화면설계서 (Wireframe)와 기능명세서 (Functional Specification)
notion image
notion image

총평

  • 기획 → 디자인 레퍼런스 + 요구사항 명세 → 와이어 프레임 → 디자인 시스템 → 컴포넌트 설계 → 기초 컴포넌트 구현?
  • 전체회의와 스크럼
    • 프, 백 전체회의는 정기적으로 갖되 충분히 준비가 된 상태에서 가질 것.
    • 자잘한 소통은 팀장 통해서?
    • 업무 진척 관련해선 프/백 각각 매일 스크럼? (스타일대로)
  • 문서화 : 새각보다 문서화가 부실한 곳들도 많다. 문서화를 어떻게 더 잘 할것인지?
  • 적어도 기술명세서 같은 경우는 철저한 문서화가 필요하다.
  • 기술 스터디 관련해서 문서화? 프로젝트 기간 내 쉽지 않다…
  • 방점을 어디에 둘 지 - 문서화에 얼마나 할애할지!
  • 써보고 싶은 (오버스택이어도 좋으니) 기술이 있다면 무엇?
  • 0(복습기간, 첫만남), 1, 2, 3, 4주(배포, 문서, 발표)
  • 복습휴가 기간에 미리 회의 해놓기?
  • 0주 - 친목, 팀장과 같은 팀 관련 회의, 기획, 디자인 레퍼런스, 추후 일정… 및 스터디
  • 1주 - 개발 관련 회의 및 기능 명세서 확정 후 기초 개발
  • 2주 - 도메인 개발
  • 3주 - 도메인 개발, 고도화, 리팩토링, 배포 주닙
  • 4주 - 배포, 문서화, 발표?