베플 (BarrierFree + Place / Best Place )

MVP

1. 로그인 / 회원가입

• 이메일, 소셜(카카오) 로그인

2. 메인 페이지

• 상단 배너 캐러셀
• 좋아요 갯수 기준 정렬 인기 게시물 카드 형식으로 띄워주기
• 커뮤니티 배너 클릭시

3. 내 근처 장소 페이지

• 지도 api사용하여 마커 표시
• 마커 클릭시 오버레이 생성
• 오버레이 클릭시 장소 상세페이지 이동

4. 장소 상세 페이지

• 상단 지도 로드뷰 지도
• 하단에 리뷰 카드 컴포넌트와 리뷰카드의 좋아요 그리고 그 리뷰에 대한 댓글과 좋아요 기능

5. 장소 목록 페이지

• 카테고리별 정렬기능 장소 검색기능
• 검색 결과 클릭시 장소 상세 페이지로 이등

6. 마이 페이지

• 프로필 수정기능
• 본인 페이지일 경우 프로필 수정, 내가 쓴 리뷰 ,좋아요한 게시물 표시
• 다른 유저의 페이지일 경우 조건부 렌더링으로 프로필과 유저가 쓴 리뷰만 표시

---

오늘 공부한 내용

✅ useRouter()

'use client';
import { Button } from '@nextui-org/react';
import { useRouter } from 'next/navigation';
import React from 'react';

const TestPage = () => {
  const router = useRouter();

  const handleNewPageClick = () => {
    router.push('/reservation/new');
  };
  return (
    <div className='w-full mx-[60px]'>
      <section className='flex justify-end'>
        <Button
          color='primary'
          variant='ghost'
          radius='full'
          className='px-5'
          onClick={handleNewPageClick}
        >
          테스트
        </Button>
      </section>
    </div>
  );
};

export default TestPage;

• useRouter 는 next/router, next/navigation에서 둘 다 가져올 수 있지만 next/navigation을 사용
• router.push - history를 남김
• router.replace - history를 남기지 않음

느낀 점

어제에 이어 오늘도 기획을 했다
프로젝트 이름도 정하고 MVP 스펙에 넣을 최소 기능들을 정리하고 채워나가는데
주제를 정했어도 각자 생각들이 달라서
그것들을 조율해나가는 과정도 정말 오래 걸렸다
그래도 팀원 모두가 기획에 시간을 많이 투자할수록 좋은 결과가 나온다는
생각을 갖고 있어서 열심히 기획하려고 노력했다!