401에러 로그인추가

Author: EunbinJung

src/domains/community/api/fetchComment.ts

@@ -7,6 +7,7 @@ export const fetchComment = async (postId: ParamValue | number): Promise<Comment
     const res = await fetch(`${getApi}/posts/${postId}/comments`, {
       method: 'GET',
       cache: 'no-store', // 캐시 비활성화
+      credentials: 'include',
     });
     const data = await res.json();
 

src/domains/community/api/fetchPost.ts

@@ -99,6 +99,7 @@ export async function likePost(postId: number | ParamValue) {
 export async function getLikePost(postId: number | ParamValue) {
   const res = await fetch(`${getApi}/posts/${postId}/like`, {
     method: 'GET',
+    credentials: 'include',
   });
   if (!res.ok) throw new Error('좋아요 실패');
   const data = await res.json();

src/domains/community/detail/DetailHeader.tsx

@@ -28,7 +28,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);

src/domains/community/detail/DetailPage.tsx

@@ -48,15 +48,22 @@ 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, isLoggedIn]);
 
   useEffect(() => {
     if (postDetail) {

src/domains/community/hook/useComment.ts

@@ -15,15 +15,21 @@ export function useComments(postId: ParamValue, user: User | null) {
   } | null>(null);
 
   const fetchData = useCallback(async () => {
+    // 로그인 상태일 때만 댓글 조회
+    if (!user) {
+      setComments([]);
+      return;
+    }
+
     const data = await fetchComment(postId);
     if (!data) return;
     setComments(data);
     setIsEnd(false);
-  }, [postId]);
+  }, [postId, user]);
 
   useEffect(() => {
     fetchData();
-  }, [postId]);
+  }, [fetchData]);
 
   const handleUpdateComment = async (commentId: number, content: string) => {
     if (!user) {
@@ -74,11 +80,13 @@ export function useComments(postId: ParamValue, user: User | null) {
   };
 
   const loadMoreComments = async (lastCommentId: number) => {
-    if (isEnd || isLoading) return;
+    if (isEnd || isLoading || !user) return;
 
     setIsLoading(true);
     try {
-      const res = await fetch(`${getApi}/posts/${postId}/comments?lastId=${lastCommentId}`);
+      const res = await fetch(`${getApi}/posts/${postId}/comments?lastId=${lastCommentId}`, {
+        credentials: 'include',
+      });
       const newComments = await res.json();
 
       if (newComments.data.length === 0) {

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],

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();
   };
 

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);
   };
 

src/domains/shared/components/comment/CommentHeader.tsx

@@ -61,7 +61,6 @@ function CommentHeader({
       intervalCall1000(async () => {
         const success = await createComment(newComment);
         if (!success) {
-          console.log('칵테일 페이지에서 댓글은 한개만 입력 가능합니다');
         }
       });
     }