프론트 회의록 - 220727

논의할 사항

논의한 사항

• 디자인
• 기존에 좌측 상단의 햄버거 버튼을 클릭하면 왼쪽에서 사이드바 메뉴가 열리던 것에서
• 오늘의 집, 트위치처럼 상단에 고정형 탑바로 변경
• 탑바는 좌측에 로고, 가운데 책 검색 폼, 오른쪽에 기존의 사이드바 메뉴가 열리는 로그인 / 프로필 버튼

• 로고
• 버즈님 로고를 임시로 사용

• 색상
• mui color 중 일부 사용 (figma 참고)

• 책 검색 로직 변경 (백과 상의 필요)
• 기존에는 책을 우리 DB에 있는지 확인하고 없으면 yes24에서 크롤링해오는 방식이었는데
• 변경 후에는 우리 DB에서 검색 안하고 바로 카카오나 네이버 책 검색 api로 검색
• 응답 책을 렌더링하고, 클릭했을 때 우리 DB에 있는지 보고, 있으면 이동, 없으면 자동 등록
⇒ 변경하면 백엔드의 업무가 줄어드는데 이게 이로운 현상인지 논의 필요
• 로딩 처리 구현 필요 (단순히 기다리게하기 또는 UX경험 부여를 위해 추가 작업 like TOSS)

• 책 상세 페이지 책 소개 X
• api가 책 소개를 안녕하세요 이책은 ... 처럼 주기 때문

• 1주차 스프린트 정리
• 로그인 - 로그인 페이지
• 메인 페이지
• 책 검색 - 검색페이지?
• 등록된 책(더미)을 선택하여, 스터디 목록 확인 - 책 상세 페이지 (책정보, 스터디 목록)
• 스터디 상세 확인 - 스터디 모집 상세 페이지
• 스터디 상세 페이지 진입 - 스터디 상세 페이지

• 공통 컴포넌트
• 헤더(로고, 책검색인풋, 로그인버튼 또는 프로필 )
• 스켈레톤
• 카드
• 책
• 스터디

• 추가 컨벤션
• 클릭해서 이동이면 Button 등 컴포넌트 안에 Link
• 로직으로 이동이면 useNavigate (next에 이런 기능 있겠죠?)
• any 쓰지말기
• type은 import / export 할 때 무조건 붙이기

• 컴포넌트를 깔끔하게 하는 1회성 훅
• 컴포넌트 폴더 안에 helper.ts 파일에 넣기

• 개발 기본 셋팅 .vscode를 제외하고 완료
• next.js 프로젝트 생성 완료
• eslint prettier 완료
• storybook 완료

진행할 사항

• 목, 금 페어코딩 진행

• 레포 방어 셋팅 필요
• approve, main force push 금지 등