React useEffect, 이름 붙이면 코드가 달라진다!
by DD
2개월 전
조회수 22
useEffect 훅(Hook) 사용 시 익명 함수 대신 기명 함수를 사용하면 코드 가독성(Code Readability)을 크게 향상시킬 수 있음
기명 함수는 디버깅(Debugging)을 용이하게 하고, 에러 메시지(Error Message)를 통해 문제 발생 위치를 빠르게 파악하도록 돕는 장점이 있음
코드 리뷰(Code Review) 시 각 이펙트(Effect)의 역할을 직관적으로 파악하여 유지보수성(Maintainability)을 높일 수 있음
이펙트(Effect)의 역할이 명확해지면서 불필요한 코드를 제거하고, 코드 품질(Code Quality)을 개선하는 효과도 얻을 수 있음
익명 함수 vs 기명 함수: 가독성(Readability)의 차이
본문에서는 리액트(React) `useEffect` 훅(Hook) 사용 시 익명 함수 대신 기명 함수를 사용하는 방법을 제시하며, 코드 가독성(Code Readability) 향상을 강조한다.
익명 함수(Anonymous Function): 코드의 의도를 파악하기 위해 함수 내부 구현을 일일이 확인해야 하는 불편함
기명 함수(Named Function): 함수 이름만으로 해당 이펙트(Effect)의 목적을 명확하게 파악 가능
GitHub 코드 리뷰(GitHub Code Review): 코드 흐름을 빠르게 파악하여 및 에 기여
![[번역] useEffect 함수에 이름 붙이기, 절대 후회 없을 선택](https://static.devday.kr/thumbnails-w1200/velog-76774d9a-d372-4d72-a0af-e18033d515bd-a6cbc970.webp)
