HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기/
🎆
요한팀/
⚛️
요한팀 프로젝트 페이지/
✏️
DAY 4 프로젝트 회의
✏️

DAY 4 프로젝트 회의

일 나누기

페이지 구분

  • 홈 페이지
  • 관심사 선택 페이지
  • 특정 채널 페이지
    • 특정 게시글 페이지
  • 검색 페이지

공통 컴포넌트

  • Footer Navbar
  • Header 햄버거

개발관련 초기셋팅

  • 웹 팩 ⇒ 나중에 필요하면
  • react-router v6
  • styled-component
      • emotion/styled
      styled-component
  • 전역스토어 상태관리
      • redux
      recoil
      context api
  • 배포 방법 (추후 논의)
  • 디자인 프레임워크
  • icon 관련 ⇒ Feather-icon 사용
Feather - Simply beautiful open source icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
Feather - Simply beautiful open source icons
https://feathericons.com/
Feather - Simply beautiful open source icons

브랜치 전략

  • 각자 develop에서 파생된 working branch에서 작업한다.
  • 작업 후 develop branch에 merge한다.
    • merge 전 팀원 검수 진행하고 develop branch로 merge를 한다.
    • merge는 page 단위로 진행한다.

PR 전략

  • 리뷰어가 확실히 알아볼 수 있도록 PR을 디테일하게 작성한다.
  • 핵심 기능은 따로 문서화 한다.

코드 규칙

  • 약어 사용을 지양하고 full name으로 작성한다.
  • event 함수, handler 함수 네이밍에 관련하여 커피챗 질문 후 정리
event ?
handle ?
prop onEdit={handleEdit}
 
const handleClick = () => {
	// 뭔가 로직이 있고
}

<Test onEvent={handleButtonClick}></Test>

//Test.js
onEvent();

?