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

7~9조

목차
7조 (뿡치와 삼촌들)8조 (어푸)9조(내 손안의 원데이 클래스)

7조 (뿡치와 삼촌들)

프로젝트 주제

데브코스 커뮤니티
  • 자기소개
  • 데둥여지도
  • 모집게시판(스터디, 동아리, 프로젝트)
  • 맵각코(맵에서 모각코 모집, 참여)
  • 카카오 장소검색 API 활용
코드컨벤션

  • 이슈생성(이슈 성격에 따라 라벨 붙임)
  • 브랜치명 DVT-#이슈번호
  • 커밋메시지는 git commit -v로 작성(커밋메세지의 제목과 내용을 작성한다.)
  • DVT-#이슈번호 커밋제목 형태로 커밋 작성
 
기술스택

notion image
프로젝트 진행 현황

1주차
  • 와이어프레임 완성
  • 개발 환경 구축 완료
  • 유저 시나리오 완성
  • 업무 분배 완료
2주차
  • 기능 구현 진행
3주차
  • 기능 구현 완료
  • 배포
매주 회고록 작성
 

8조 (어푸)

프로젝트 주제

내 인생 성장곡선 사이트
  • 내 인생을 성장곡선으로 표현
  • 남들의 성장곡선 볼 수 있음
  • 곡선의 특정 구산마다 기록 남기기
  • 곡선이 아닌 기록들만 모아서 보기
  • 포트폴리오로 사용가능
코드컨벤션

  • 스타일 속성 선언 규칙
    • top, left,right, bottom
    • width, height, padding, border, margin ..
    • background ...
    • color, font-size,font-family
  • 컴포넌트 생성 규칙
    • index.jsx, style.js
  • 코드 작성 순서 (스타일, 컴포넌트, propType)
  • 네이밍 규칙 ⇒ 카멜, 파스칼
  • 아키텍쳐(components, hooks, style..)
  • git flow 활용
  • 커밋 메세지 작성 규칙
    • commitzen 사용
 
기술스택

notion image
프로젝트 진행 현황

1주차
  • 와이어프레임 완성
  • 개발 환경 구축 완료
  • 유저 시나리오 완성
    • (기능 중요도 순서대로 기입)
  • 업무 분배 완료
2주차
  • 기능 구현 진행
3주차
  • 기능 구현 마무리
  • 배포
매주 회고록 작성
  • 개발 현황을 칸반보드로 표현
notion image
 
  • commitzen
notion image
 

9조(내 손안의 원데이 클래스)

프로젝트 주제

원데이 클래스 예약 사이트
 
코드컨벤션

  • 이슈관리 - 어떤이슈, 이슈 상세
  • 브랜치 - 이슈번호로 파기
  • PR
    • 제목에 이슈번호 + 어떤 내용 구현했는지
    • 내용에 내용 구현 상세 + 캡쳐사진
    • 예시) #12 로그인 페이지 구현
 
 
기술스택

  • 초기세팅
    • react
    • typescript
    • @emotion
    • craco
    • ESlint + prettier
    • recoil
  • 라이브러리
    • axios
    • react-router
    • recoil
    • react-hook-form
    • datepicker
    • react-icons, react-feather
    • egjs
프로젝트 진행 현황

1주차
  • 와이어프레임 완성
  • 개발 환경 구축 완료
  • 유저 시나리오 완성
    • (기능 중요도 순서대로 기입)
  • 기능 명세
  • 업무 분배 완료
2주차
  • 기능 구현 진행
3주차
  • 기능 구현 마무리
  • 배포
매주 회고록 작성
 
커밋 규칙
notion image
 

기능 우선 순위를 정한 후 백엔드와 우선순위를 맞춰 개발하면 좋을 것 같다.
⇒ 백엔드에게 api 작업 순서를 요청드리자
문서화를 꼼꼼히 해야겠다. ⇒ 1기 때 문서화를 참고하자
이슈와 칸반보드를 활용하여 현재 진행상황과 구현된 기능들을 공유하자
대략적인 컴포넌트 구조를 초반에 짜놓고 개발을 시작하자
⇒ 재사용할 컴포넌트를 먼저 분배하여 개발하자