update: routing 작업 및 comments 페이지 Notfound 추가

🔥 아직 명확히 논의되지 않은 부분은 주석처리 하였습니다.

✅ 구현 기능

1. 공통 컴포넌트-ConfirmModal 구현

'확인' 버튼만 존재하며, 제목, 본문의 컨텐츠, 확인 버튼시 이동할 경로를 지정할 수 있습니다.
title, content, path를 매개변수로 path는 선택사항(옵셔널)입니다.

✨ ConfirmModal 사용방법

(1) useModal() 가져오기

const modal = useModal();

(2) 함수 만들기

(2-1) 함수를 만들고 modal.open()으로 모달 오픈

(2-2) title: 제목, content: 본문(string 혹은 아래 예시처럼 DOM 요소 삽입 가능), path: 확인 버튼 클릭시 이동할 경로(string, 옵셔널임으로 넣지 않으면 모달만 닫힘)

const handleClickShareButton = () => {
modal.open({
  title: "공유하기",
  content: (
    <div className="flex gap-4 items-center">
      <DetailShareBtn />
      <KakaoShareButton id={clubId} />
    </div>
  ),
  path: "/",
});
};

(3) 버튼에 연결하기

<button
className="cursor-pointer rounded bg-customGreen p-2 font-semibold text-white hover:opacity-90"
onClick={handleClickShareButton}
>
    <Image src={shareIcon} alt="공유하기" />
</button>

2. 모임에 맞는 게시물만 불러올 수 있게 변경

3. Comment 상세 페이지 이동 기능 추가

4. public 폴더 절대경로 추가

아래 예시처럼 public 폴더에 절대경로로 접근할 수 있습니다.
```
import shareIcon from "@/public/icons/share.png";
```
5. comments 페이지에 글이 없을 시 NotFound 컴포넌트 로딩

6. comment 글들은 '재배치'버튼이 활성화 된 동안만 수정 가능하도록 로직을 수정하였습니다.

'재배치 ↔ 배치완료' 토글 버튼 추가
드래그시 파란색 드래그 영역 표시 삭제
브라우저 내 사진에 대한 기본 드래그 커서 변경
🔥 추후 list 선택 시 재배치 버튼 비활성화 기능 추가 예정

NHJeans / Deepening-Project

update: routing 작업 및 comments 페이지 Notfound 추가 #23

🔥 아직 명확히 논의되지 않은 부분은 주석처리 하였습니다.

✅ 구현 기능

1. 공통 컴포넌트-ConfirmModal 구현

✨ ConfirmModal 사용방법

(1) useModal() 가져오기

(2) 함수 만들기

(3) 버튼에 연결하기

2. 모임에 맞는 게시물만 불러올 수 있게 변경

3. Comment 상세 페이지 이동 기능 추가

4. public 폴더 절대경로 추가

5. comments 페이지에 글이 없을 시 NotFound 컴포넌트 로딩

6. comment 글들은 '재배치'버튼이 활성화 된 동안만 수정 가능하도록 로직을 수정하였습니다.