부모에서 훅 호출하여 자식에게 prop으로 내려주기 vs 자식에서 훅 호출 선생님은 어떻게 생각하시는지 궁금합니다
map 함수 안에서 자식 컴포넌트가 순회하는 코드가 있다고 할 때, 그 자식 컴포넌트 안에서 훅(ex useEditPost/useDeletePost)을 호출하는 것이 좋을까요? 아니면 부모에서 훅을 한번 호출한 뒤 자식 컴포넌트에 prop으로 내려주는 것이 좋을까요?
전자는 자식마다 호출되어 할당될 것 같아서 메모리 관리에 단점이 있을 것 같고 (추측입니다), 후자는 (훅의 함수를 받아야하는 대상 컴포넌트가 자식 내부에 더 깊은 뎁스에 있다고 할 때) Prop Drilling의 단점이 있을 것 같은데요
선생님은 어떻게 생각하시나요?
답변 1
1
안녕하세요 최성준님 이정환입니다.
우선 강의에서 작성하는 useDeletePost나 useEditPost 정도의 훅은 메모리를 과다하게 사용할 만큼 유의미한 메모리 공간을 차지하지는 않습니다. 또 훅의 호출은 컴포넌트가 언마운트 될 경우 함께 메모리에서 제거되기 때문에 메모리 누수 측면에서도 크게 걱정하실 필요는 없어보입니다. 결론적으로 Child 컴포넌트에서 직접 훅을 호출하는게 더 좋다고 생각합니다
Zustand의 Store 타입은 어떤 기준으로 작성하는 건가요?
0
45
2
포스트 작성 중 이탈 방지 기능 (취소 버튼 클릭 시 오류)
0
73
2
"포스트 생성에 실패했습니다" 실패 문구와 함께 에러가 발생합니다ㅠㅠ
0
74
2
강의자료는 어떻게 제작하시나요?
0
87
2
비밀번호 재설정 1회용 이메일 링크
0
87
1
강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.
2
94
1
회원가입 구현 (구현 후 최종 화면 출력 X)
0
113
2
(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의
0
83
1
명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이
0
89
2
useMutation 적용 후 새로운 글 등록시 content가 안보여요
0
99
2
6.8 zustand 세션 질문입니다.
0
152
2
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
0
125
2
shadcn에서 radix ui와 base ui 차이는 뭔가요?
1
730
2
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
0
116
2
4.11 바로 투두 삭제가 안됨 질문
0
143
3
매개변수 updatedTodo 관련 질문
0
107
3
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
0
127
2
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
0
119
2
4.6 id를 string으로 변경시 오류
0
115
2
리액트 타입스크립트 관련 질문있습니다.
0
100
1
소셜 로그인 구현하기 관련하여 질문이 있습니다!
0
152
2
ui 파일 질문드립니다.
0
118
1
tanstack query devtools에서 질문있습니다!
0
104
2
댓글 삭제 시 isPending 질문
0
90
2