이번 주 한 일

• 프로젝트에서 사용하는 기술 스택/라이브러리와, 선정 이유를 적어주세요.

  • Next.js
    • 서버 사이드 렌더링을 통해 소비자들에게 더 빠른 TTV를 제공하기 위해
    • App Routing과 Image 컴포넌트를 통한 개발자 편의 개선
  • TypeScript
    • 타입 지정을 통해 컴파일 타임에 타입 에러를 쉽게 잡아낼 수 있고, 안전하게 개발할 수 있음
  • Zustand
    • 상태를 전역적으로 관리하여 단방향 방식의 props-drilling을 해결
    • Store에 action과 reducer를 모두 작성하는 간결한 보일러플레이트 보유
    • 별도의 Provider 입력 없이 간편하게 사용이 가능함
  • Tanstack-Query
    • 서버에 존재하는 데이터를 효율적으로 관리하기 위해 사용
    • isLoading, isError 등의 기능이 내장되어있어 별도의 구현 없이 이용할 수 있음
  • supabase
    • 실시간으로 데이터를 동기화하여 처리할 수 있음
    • 다양한 소셜 로그인 provider를 제공하여 손쉽게 소셜 로그인을 구현할 수 있음

• 팀 전체 (리더님께서 필두로 정리해 주세요.)

  • 와이어프레임 시안 제작
  • 프로젝트 초기 세팅
  • 1순위 페이지(병원정보 출력 페이지, 건강검진 신청 페이지, 실시간 상담 페이지, 자가진단 테스트 페이지) 컴포넌트 제작 (진행중)
  • 소셜 로그인(구글, 카카오) 구현
  • Supabase DB 데이터 제작 (진행중)
  • Supabase 연동 작업 (진행중)
  • 1차 Merge
  • 전체 코드 리뷰 & 피드백

• 팀원 개인별로 작성해 주세요. (개인 5분기록 대시보드 캡쳐)

  • 남지현 - 5분 기록 보드
  • 정보연 - 5분 기록 보드
  • 홍승찬 - 5분 기록 보드

이외에도 기술적인 방향을 잡기 위한 질문을 정리해두시면 가장 좋습니다!

• Supabase에서 이미지 리스트를 가져와서 화면에 렌더링하는 방법
  • 시도1 : 이미지에 대해 Storage와 Table에 존재하는 각각의 UID를 연동 ⇒ 실패
  • 시도2 : Docs를 참고하여 Next.config.js를 사용 ⇒ 실패
• 자가진단 페이지 - 테스트 결과 출력
  • 사전에 DB에 정의한 조합에 해당하지 않는 조합이 선택됐을 때 어떻게 처리해야 하는가?
    • 현재 생각 : 조건문을 여러 방식으로 작성해볼 계획임

숙제: 멘토링 결과 다음 주까지 해올 일

• 팀 전체 (리더와 부리더님께서 필두로 정리해 주세요.)
  • 각자 담당한 기능 구현 완료하기