3주차 스프린트 계획

지난 주 사항 중 확인

• 주말 작업 사항 확인
  • 각자 UI 작업 PR 머지하면서 확인하기
  • API 명세 예제 추가 확인
  • 에디터 라이브러리 공유
• PR 관리 방식
• 분업 및 협업 방식

주말 작업 사항 확인

도현

• page 네이밍 (editor 보다는 new?)
• style 잡을 때 커서 옵션(클릭 가능)을 넣으면 좋을 것 같음
• 글/책 선택 시 searchResult 컴포넌트 내용물 바꿔주면 됨
• 라디오 버튼 스타일링: accent-color
• 말줄임 처리: 말줄임 처리하려면 부모의 크기가 지정되어있어야 하는 줄 알았는데 아니었음..! —webkit-line-clamp: 2가 무조건 두 줄로 표시된다는 걸 뜻함. —webkit-box-orient: vertical도 같이 써줘야 함.
• 너비 지정하는 대신 max-width로 지정하면 화면 줄였을 때 같이 줄어듦. 모바일 고려한다면 padding 넣어줘야 함

→ 페이지 스타일링(중앙 정렬이나 배경색) 어떤 식으로 해줄 지 통일하면 좋을 것 같음

→ 컨텐츠 높이가 뷰포트보다 작을 경우 흰색 배경이 보이는 현상: min-height를 설정. min-height: calc(100vh-66px); 이런 식으로. 지정한 것을 공통으로 빼자. navBar 높이가 확정되면 그 높이에 따라 작성하면 될 듯

→ 페이지 공통 스타일은 어디에 넣을까?

민형

• floating button 위치 어떻게 잡을지? fixed & margin
• 서재 페이지 이름 study ..? library?
• 책 반응형..? grid로 잡으면 화면 줄였을 때 밖으로 튀어나오는 현상

현기

• 뷰 TOC 모바일 환경에서는 뷰어 위에 덮이도록

PR 공통 피드백

• 특정 컴포넌트 내 버튼같은 경우 공통 버튼이 있으므로, Button으로 네이밍하면 중복 발생할 수 있음 → 컨벤션 잡아보면 좋을 듯
• 확장자 소문자로 통일하기
• 페이지 네이밍 고민해보기
• 책 너비 고정..? 너비를 고정시키지 않고 비율만 지정하는 게 어떨까 vs 너비 고정, 책 1개의 너비보다 뷰포트가 작아지는 경우는 추후 미디어 쿼리로 잡기
• 프로필 이미지 해상도 낮을 시 공간 남는 현상… → 이미지 업로드 시 처리하는 걸로?
• 네이밍 컨벤션: TOCContainer → TocContainer / TOC 대신 Nav 이런 걸로 사용.
• 도메인 내 box, wrapper와 같은 경우 앞에 도메인(또는 구체적인 명칭) 이름 붙이기
• Wrapper vs Container vs Box vs Area? → 따로 맞추진 X, 되도록이면 Wrapper & Container 사용!!
• path 지정: src의 폴더명들을 잡아놓자

이번주 목표

• 백로그 이번 주치 작성
• 분업 사항 나눠놓기

필수

• 회원가입
• 에디터
• 뷰어
• 메인

우선순위는 팀 내에서 결정

메인&에디터: 도현 & 민형

뷰어: 다현 & 현기

Knoticle 3주차 스프린트 계획

필수 사항

• 에디터 페이지에서 글을 작성할 수 있다.
• 뷰어 페이지에서 글을 확인할 수 있다.
• 뷰어 페이지에서 글을 스크랩할 수 있다.

선택 사항

• 메인 페이지에서 슬라이더를 통해 책을 확인할 수 있다.
• 뷰어 페이지에서 글을 수정 및 삭제할 수 있다.
• 에디터 페이지에서 이미지를 업로드할 수 있다.
• Toast 컴포넌트 작업

Team 민형-도현

월요일 : Postman API 예제 확인, PR Merge, 에디터 라이브러리 선정

화요일 : 에디터 구현(이미지 업로드까지 시도) //

수요일 : 메인 페이지 슬라이더 구현 //

목요일 : 보충 작업 및 추가 작업 //, 데모 발표 준비

금요일 : 전체 부캠 일정

Team 다현-현기

월요일 : 이슈등록, 사전공부

화요일 : 책조회, 사이드바 완성, 회원가입 모달→ 북마크 API, article 조회 API

수요일 : 스크랩 모달 기능, 글 확인&이동 기능, 북마크 온오프 ,글 삭제, 수정

목요일 : 글(SSR), 글 TOC

금요일 : 부스트캠프 일정