1주차 이후에 추가한 라이브러리와 선정 이유

소셜 로그인: NextAuth.js

NextAuth.js

• 기존에 생각했던 fiirebase authentication에서는 구글과 페이스북만 제공해 주는 데 반해 NextAuth.js는 구글, 페이스북, 카카오, 네이버 등 이번 프로젝트에서 필요한 소셜 로그인 provider를 모두 제공해 준다.
• signIn, signOut 등의 이벤트 함수를 제공하기 때문에 소셜 로그인 기능을 간단하게 구현할 수 있어서 효율적이다.
• NextAuth.js가 제공하는 useSession Hook을 이용하면 현재 로그인한 유저가 해당 provider에서 제공 받은 메일 주소, 닉네임, 프로필 이미지 등의 유저 정보를 쉽게 받을 수 있다.
• 공식 문서가 친절하게 제공되기 때문에 접근성이 좋다.

카카오 지도 API

Kakao 지도 API

• 처음에는 네이버 지도 API를 사용하려고 했으나 카카오 지도 API의 공식 문서가 압도적으로 가독성이 높아 지도 API를 처음 사용함에 있어 네이버보다 좋은 대안이라고 생각해서 카카오 지도 API를 사용하기로 결정했다.
• react-kakao-maps-sdk 라는 라이브러리는 지도 세팅을 편하게 할수 있게 도와주지만 Geocoding 같이 추가적인 기능을 사용할 때는 제약이 많았다. 그래서 라이브러리를 사용하지 않기로 하였다.

이번 주 한 일

팀 전체

• 2월 14일까지 MVP 기능 개발 목표로 구현 완료
  • 헤더 소셜 로그인, 로그아웃 기능
  • 헤더 로그인 여부에 따른 nav 변경
  • 헤더 분양 정보 검색 기능
  • 회원가입 페이지 회원 정보 등록 (최초 로그인 시)
  • 메인페이지 분양 정보 API 불러오기
  • 메인페이지 청약가능/청약예정/무순위 탭 클릭 시 필터링 기능
  • 메인페이지 top 버튼
  • 디테일페이지 메인에서 클릭한 분양 정보의 데이터 불러오기
  • 디테일페이지 댓글 CRUD
  • GetstaticProps로 분양 정보 API 데이터를 사전 렌더링해 로딩 시간 단축
• 주요 변경 사항
  • 메인페이지 와이어 프레임을 변경하며 지도의 비중이 높아짐
  • 메인/디테일/검색페이지 모두 지도가 들어가게 됨

팀원 개인별

• 이희령
  • 구글, 페이스북, 카카오, 로그인 소셜 로그인 기능 구현
  • 최초 로그인 여부에 따라 메인 또는 회원가입 페이지로 이동
  • 회원가입 페이지에서 닉네임 중복 검사, 관심 카테고리 설정 후 가입 완료
  • 진행중 마이페이지에서 닉네임과 프로필 사진 변경 기능