Dev (#158)

EunbinJung · ahk0413 · mtm-git1018 · web-flow · commit 86d522936515 · 2025-10-17T17:56:26.000+09:00
* [fix] 챗봇 추천 페이지 수정 및 기능추가 (#130) * [fix] 논알콜일 시 payload 값 수정 * [fix] options 기본으로 수정 * [feat] 다시 시작하기 추가 * [feat] 채팅 캡처기능 추가 * [fix] currentStep 제거 * [fix] 파비콘 추가 및 헤더 메뉴 네이밍 수정 * [style] layout 모바일 대응 추가 * Design/main#11 (#131) * [style] 배경 * [design] 랜딩페이지 3d모델 * 3d 렌더링 * Style/main page 2#122 (#132) * [style]마이페이지 슬라이드 퍼블리싱 * [style] 메인페이지 슬라이드 * [docs]provider문서 정리 * [style] 메인페이지 스타일 간격조정 * [feat]알림 설정처리 * [stype]메인페이지 반응형 * [feat] 나만의 바 삭제 동기화 * [feat] 마이페이지 전체삭제 * [style] 메인페이지 반응형 * [feat] 마이페이지 푸시 오류 수정 * [docs]미 사용 파일 삭제 * [style] 메인3d이미지 스크롤 실험div제거 * Style/메인페이지 슬라이드영역 (#135) * [style]마이페이지 슬라이드 퍼블리싱 * [style] 메인페이지 슬라이드 * [docs]provider문서 정리 * [style] 메인페이지 스타일 간격조정 * [feat]알림 설정처리 * [stype]메인페이지 반응형 * [feat] 나만의 바 삭제 동기화 * [feat] 마이페이지 전체삭제 * [style] 메인페이지 반응형 * [feat] 마이페이지 푸시 오류 수정 * [docs]미 사용 파일 삭제 * [style] 메인3d이미지 스크롤 실험div제거 * [style] 메인페이지 슬라이드 반응형 * [style]메인페이지 이미지교체 * [style] 시맨틱구조 * [style] 모바일 메인배경 위치조정 * [fix] 화면 리사이징시 슬라이드 고정 버그 해결 * [fix] 브라우저 리사이징 버그 수정 * [chore]포매팅 * [fix] 로그아웃 시 auth/me api 자동호출로 401 에러 (#136) * [fix] 로그아웃 시 auth/me 자동호출로 401 에러 해결 * [fix] 로그인 새로고침 시 오류 로직 수정 * [fix] 리다이렉트 setTimeout 추가 * Design/main#11 (#138) * [style] 배경 * [design] 랜딩페이지 3d모델 * 3d 렌더링 * 로고,텍스트 추가 * 패키지제이슨 * 메인작업 * 카메라액션 취소 * 별 애니메이션 취소 * 대문자 * [fix] 레이아웃 분리 (#139) * Refactor/recipe fetch (#140) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [fix] 경로 오류 수정 * 경로 수정 * [fix] 경로수정 * Feat/write#19 (#142) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * [fix] MainSlide 수정 (#143) * [fix] MainSlide 수정 * [style] MainSlide 사진 추가 * Refactor/칵테일 정렬 기능 수정 (#144) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [fix]충돌에러수정 * [style] 폰트 추가 * [fix]파일 내 코드중복 수정 * [chore]포매팅 * [fix]타입중복 수정 * [chore]포매팅 * docs/ 폰트 추가 및 삭제 (#146) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [docs] 필요없는 폰트파일 정리 * [fix] scroll 위치이동 * Feat/write#19 (#147) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * 모바일 이미지 * 메인 수정 * 3d모델 * [style] 폰트 추가 * [feat] 스크롤 버튼 추가 * [fix] 시작 애니메이션 원복 * [docs]README * Feat/write#19 (#148) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * 모바일 이미지 * 메인 수정 * 3d모델 * 메인 수정 * 아래칵테일잔수정 * [fix] 로그인 시 여러번 뜨는 toast 알림 이슈 수정 * fix/메인페이지 아코디언박스 오류 수정 (#151) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [docs] 필요없는 폰트파일 정리 * [feat]sse설정 * [feat]sse알림설정 * [chore]머지후 커밋 * [style] 메인페이지 아코디언 오류 수정 * [feat]알림 SSE기능 * [fix] 수정 * [fix] 다시 수정 * 수정 * 수정 * 메인 칵테일로고 반응형 * 수정 * next.js 수정 * 모바일글쓰기 수정 * 인풋옵션수정 * 401에러 로그인추가 * 401수정 * 수정 --------- Co-authored-by: ahk0413 <117137719+ahk0413@users.noreply.github.com> Co-authored-by: mtm-git1018 <mtm1018@naver.com> Co-authored-by: ahk0413 <rladkgusgd@gmail.com>
diff --git a/src/domains/community/detail/DetailHeader.tsx b/src/domains/community/detail/DetailHeader.tsx
@@ -2,7 +2,6 @@ import Label from '@/domains/shared/components/label/Label';
 import EditDelete from './EditDelete';
 import { useRouter } from 'next/navigation';
 import { useAuthStore } from '@/domains/shared/store/auth';
-import { useToast } from '@/shared/hook/useToast';
 import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
 import { useState } from 'react';
 import { getApi } from '@/app/api/config/appConfig';
@@ -18,7 +17,6 @@ function DetailHeader({ categoryName, postId, userNickName }: Props) {
   const [deletePost, setDeletePost] = useState(false);
   const router = useRouter();
   const user = useAuthStore((state) => state.user);
-  const { toastError } = useToast();
 
   const handleConfirmDelete = async (postId: number | ParamValue) => {
     if (!user) {
@@ -28,7 +26,6 @@ function DetailHeader({ categoryName, postId, userNickName }: Props) {
 
     try {
       const res = await fetch(`${getApi}/posts/${postId}`, { method: 'DELETE' });
-      if (res.ok) console.log('deleted');
       router.push('/community');
     } catch (err) {
       console.error(err);
diff --git a/src/domains/community/detail/DetailPage.tsx b/src/domains/community/detail/DetailPage.tsx
@@ -48,15 +48,26 @@ function DetailPage() {
 
   useEffect(() => {
     const fetchLikeStatus = async () => {
+      // 로그인 상태일 때만 좋아요 상태 조회
+      if (!isLoggedIn) {
+        setLike(false);
+        return;
+      }
+
       try {
         const liked = await getLikePost(postId);
         setLike(liked);
       } catch (err) {
         console.error('좋아요 상태 불러오기 실패', err);
+        setLike(false);
       }
     };
-    fetchLikeStatus();
-  }, [postId]);
+
+    // postId가 있을 때만 실행
+    if (postId) {
+      fetchLikeStatus();
+    }
+  }, [postId]); // isLoggedIn 의존성 제거하여 무한 루프 방지
 
   useEffect(() => {
     if (postDetail) {
diff --git a/src/domains/community/hook/useComment.ts b/src/domains/community/hook/useComment.ts
@@ -2,8 +2,8 @@ import { useState, useEffect, useCallback } from 'react';
 import { deleteComment, fetchComment, updateComment } from '../api/fetchComment';
 import { getApi } from '@/app/api/config/appConfig';
 import { CommentType } from '../types/post';
-import { User } from '@/domains/shared/store/auth';
 import { ParamValue } from 'next/dist/server/request/params';
+import { User } from '@/domains/shared/store/auth';
 
 export function useComments(postId: ParamValue, user: User | null) {
   const [comments, setComments] = useState<CommentType[] | null>(null);
@@ -19,11 +19,11 @@ export function useComments(postId: ParamValue, user: User | null) {
     if (!data) return;
     setComments(data);
     setIsEnd(false);
-  }, [postId]);
+  }, [postId, user]);
 
   useEffect(() => {
     fetchData();
-  }, [postId]);
+  }, [fetchData]);
 
   const handleUpdateComment = async (commentId: number, content: string) => {
     if (!user) {
@@ -78,7 +78,7 @@ export function useComments(postId: ParamValue, user: User | null) {
 
     setIsLoading(true);
     try {
-      const res = await fetch(`${getApi}/posts/${postId}/comments?lastId=${lastCommentId}`);
+      const res = await fetch(`${getApi}/posts/${postId}/comments?lastId=${lastCommentId}`, {});
       const newComments = await res.json();
 
       if (newComments.data.length === 0) {
diff --git a/src/domains/community/main/CommunityFilter.tsx b/src/domains/community/main/CommunityFilter.tsx
@@ -25,8 +25,6 @@ function CommunityFilter({ posts, setPosts }: Props) {
   const handleChange = async (selectTitle: string) => {
     if (!query) return;
 
-    console.log(selectTitle);
-
     const data = await fetchPostByTab({
       category: query,
       filter: sortMap[selectTitle as keyof typeof sortMap],
diff --git a/src/domains/recipe/components/details/BackBtn.tsx b/src/domains/recipe/components/details/BackBtn.tsx
@@ -9,10 +9,6 @@ function BackButton() {
   });
 
   const handleBack = () => {
-    console.log('뒤로가기 클릭');
-    console.log('저장된 스크롤:', sessionStorage.getItem('cocktail_list_scroll'));
-    console.log('저장된 URL:', sessionStorage.getItem('cocktail_list_scroll_url'));
-    console.log('복원 플래그:', sessionStorage.getItem('cocktail_list_scroll_restore'));
     restoreAndGoBack();
   };
 
diff --git a/src/domains/recipe/components/details/DetailsHeader.tsx b/src/domains/recipe/components/details/DetailsHeader.tsx
@@ -20,7 +20,6 @@ function DetailsHeader({ id, favor }: { id: number; favor: boolean | undefined }
   const url = async () => {
     const res = await fetch(`${getApi}/cocktails/${id}/share`);
     const json = await res.json();
-    console.log(json.data);
     setMeta(json.data);
   };
 
diff --git a/src/domains/shared/components/comment/CommentHeader.tsx b/src/domains/shared/components/comment/CommentHeader.tsx
@@ -61,7 +61,6 @@ function CommentHeader({
       intervalCall1000(async () => {
         const success = await createComment(newComment);
         if (!success) {
-          console.log('칵테일 페이지에서 댓글은 한개만 입력 가능합니다');
         }
       });
     }
diff --git a/src/domains/shared/components/profile/Profile.tsx b/src/domains/shared/components/profile/Profile.tsx
@@ -1,25 +1,20 @@
-import useFetchProfile from '@/domains/mypage/api/fetchProfile';
 import SsuryImage from '@/domains/mypage/main/SsuryImage';
-import { useEffect } from 'react';
+import { useAuthStore } from '@/domains/shared/store/auth';
 
 type Props = {
   userNickname: string;
 };
 
 function Profile({ userNickname }: Props) {
-  const { profile, fetchProfile } = useFetchProfile();
-  useEffect(() => {
-    fetchProfile();
-  }, [fetchProfile, profile?.data?.abvLevel]);
+  const user = useAuthStore((state) => state.user);
 
-  if (!profile?.data) return null;
-  const { abvLevel } = profile.data;
+  if (!user) return null;
 
   return (
     <div className="flex gap-2 items-center justify-start">
       <div className="w-8 h-8 flex items-center justify-center" aria-label="작성자 아이콘">
         <div className="w-8 flex items-center justify-center">
-          <SsuryImage abvLevel={abvLevel} />
+          <SsuryImage abvLevel={user.abv_degree || 5.0} />
         </div>
       </div>
       <span aria-label="작성자 이름" className="text-sm">

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,6 @@ function CommentHeader({`
`61`	`61`	`intervalCall1000(async () => {`
`62`	`62`	`const success = await createComment(newComment);`
`63`	`63`	`if (!success) {`
`64`		`- console.log('칵테일 페이지에서 댓글은 한개만 입력 가능합니다');`
`65`	`64`	`}`
`66`	`65`	`});`
`67`	`66`	`}`