FE-42💡 주석 추가

epigram5-9 · Jul 17, 2024 · cf43286 · cf43286
1 parent f0933cd
commit cf43286
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/epigram/Comment/CommentList.tsx b/src/components/epigram/Comment/CommentList.tsx
@@ -10,6 +10,7 @@ function CommentList({ epigramId, currentUserId }: EpigramCommentProps) {
   const observerRef = useRef<IntersectionObserver | null>(null);
   const lastCommentRef = useRef<HTMLDivElement | null>(null);
 
+  // NOTE: Observer 콜백: 마지막 요소가 화면에 보이면 다음 페이지(댓글 최대3개를 묶어 1페이지 취급) 로드
   const handleObserver = useCallback(
     (entries: IntersectionObserverEntry[]) => {
       const [target] = entries;
@@ -34,6 +35,7 @@ function CommentList({ epigramId, currentUserId }: EpigramCommentProps) {
     }
 
     return () => {
+      // NOTE: effect가 실행되기전에 호출해서 메모리 누수를 방지해준다고 함
       if (observerRef.current) {
         observerRef.current.disconnect();
       }

diff --git a/src/hooks/useEpigramCommentsQueryHook.ts b/src/hooks/useEpigramCommentsQueryHook.ts
@@ -3,6 +3,7 @@ import { CommentResponseType } from '@/schema/comment';
 import getEpigramComments from '@/apis/epigramComment';
 
 const useEpigramCommentsQuery = (epigramId: number) =>
+  // NOTE: 순서대로 API응답타입, 에러타입, 반환되는데이터타입, 쿼리 키 타입, 페이지 파라미터의 타입
   useInfiniteQuery<CommentResponseType, Error, InfiniteData<CommentResponseType>, [string, number], number | undefined>({
     queryKey: ['epigramComments', epigramId],
     queryFn: ({ pageParam }) => getEpigramComments({ id: epigramId, limit: 3, cursor: pageParam }),