Meal&Mate

밥 한끼 같이 먹을 사람들을 찾는 모임

Slide https://ifh.cc/g/noPNfZ.jpg
Slide https://ifh.cc/g/gO5hb2.jpg
Slide https://ifh.cc/g/jt79PZ.jpg
Slide https://ifh.cc/g/Yb1RzQ.jpg
Slide https://ifh.cc/g/Wf5tmL.jpg
Slide https://ifh.cc/g/90LNhB.jpg

Team Project

목표

개인화 된 사회에서 여러사람들과 먹는 한끼 식사

기간

2024.11.25 - 2024.01.12

인원

Front 4명, Back 2명, Designer 1명

Stack

  • Typescript
  • Tailwind-css
  • Next.js
  • Tanstack-Query
  • React-hookform
  • zod
  • Husky
  • Framer-motion
  • kakao-maps
  • date-fns
  • cypress
  • jest
  • jira
  • 프로젝트 역할

    • 메인페이지
    • 찜한 모임
    • 모임 생성
    • 공용컴포넌트 제작

    트러블 슈팅

    문제 1: middleware.ts를 사용하지 않았는데 비로그인 시 '/'경로로 가는 현상

    확인 - 팀원이 작성한 코드 중 토큰 확인 실패 시 '/'으로 가는 것을 확인

    해결 - '/' -> window.location.href,redirect 속성 사용

    문제 2: 폼데이터 전송 시 토큰 값이 undefined로 전달됨.

    확인 - httpOnly 속성이 true로 설정을 확인

    해결 - 요청 헤더에 credentials: include 옵션을 추가해 next.js 서버에서 읽도록 작성

    문제 3: 모임 생성 시 키워드를 넣으면 ''['키워드']''로 저장되는 문제

    확인 - 백에서 JSON형태가 아닌 콤마구분으로 처리하고 프론트는 JSON 배열로 보내서 생긴 것을 확인

    해결 - 키워드를 문자열 형태로 콤마 찍어서 백으로 전송

    Link