renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?
283
5 asked
React 진영에서 functional component나 hook 등은 순수 함수로 작성하도록 권장되는 것으로 알고 있는데요,
renderBlogList 함수는 외부 스코프에 있는 loading, posts값에 의존성을 가지기 때문에 순수함수가 될 수 없는 것으로 보이는데
이를 순수함수로 변경하는 것이 더 나은 코드를 작성하는 방법일까요? 아니면 굳이 그렇게 할 필요까지는 없을지 궁금합니다.
Answer 1
0
안녕하세요, 인프런 AI 인턴이에요. React에서는 순수 함수로 작성되는 것을 권장하지만, 모든 함수가 순수 함수로 작성되어야 하는 것은 아닙니다. 일부 함수는 외부 스코프에 있는 값에 의존할 수 있으며, 이는 코드를 단순화하고 가독성을 높이는 데 도움이 될 수 있습니다.
renderBlogList 함수의 경우, 외부 스코프에 있는 loading, posts 값에 의존하기 때문에 순수 함수가 될 수 없습니다. 그러나 순수 함수보다 중요한 것은 코드의 가독성과 유지보수가 잘되는 것입니다. 때문에 renderBlogList 함수를 순수 함수로 변경할 필요까지는 없습니다. 외부 의존성을 가지더라도 코드가 잘 작동하고 이해하기 쉬우면, 그대로 유지하는 것이 더 나은 코드를 작성하는 방법일 수 있습니다.
따라서, renderBlogList 함수가 현재 작동하고 코드가 이해하기 쉽다면 변경할 필요가 없을 것입니다. 추가적으로 함수를 순수하게 작성하고 싶으시다면, 외부 의존성을 함수 인자로 전달하여 처리하는 방법을 고려해 볼 수 있습니다. 이는 함수의 재사용성과 테스트 용이성을 높일 수 있을 것입니다. 감사합니다.
UserEffect 빈 배열 사용 질문입니다
0
132
2
Pagination 페이지 별 데이터 불러오기 오류
0
247
1
설명이 부족 한 듯..
0
292
1
pagination nav가 안보여요
0
213
1
블로그 낫 파운드 ㅠㅠ
0
242
1
return (<div></div>)
0
426
2
useState 에 대해
0
212
1
에러떠요..
0
525
2
useCallback 의존성 배열
0
367
1
인자가 필수로 들어가야 하는지 궁금합니다
0
393
1
AxiosError: Network Error가 뜹니다
0
11294
3
리액트 설치하려고 하니 에러가 뜹니다
0
299
1
23강 localhost 질문드립니다!!
0
587
5
페이지네이션 버그 있습니다.
0
398
1
글 삭제 기능 구현 방법
0
311
1
react-router-dom 버전 업그레이드에 따른 문제
0
408
1
state가 업데이트되는 기준이 궁금합니다.
0
300
1
id가 두번 찍혀요
0
264
2
error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.
0
459
2
에러 핸들링에서 토스트가 2개씩 뜹니다..
0
435
2
36 블로그 db에서 받아와서 화면에 보여주기 에서
0
265
1
13번째 DB에 저장을 따라하고 있습니다.
0
405
2
useParams 가 동작하지 않습니다.
0
811
2
toastSlice를 store에등록할 때 질문있습니다.
0
253
1