인프런 커뮤니티 질문&답변

배우자님의 프로필 이미지
배우자

작성한 질문수

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

할 일 목록 삭제 기능 구현 및 문제점 분석

function vs const

해결된 질문

작성

·

235

2

App()은 function 키워드를 사용하고 handleClick()은 const를 사용하셨는데 컨벤션 같은게 있을까요?

답변 1

1

안녕하세요, 좋은 질문이네요 🙂 둘다 화살표 함수를 쓰셔도 괜찮지만, 전 컴포넌트의 경우 시각적인 구분을 위해 하나의 jsx, tsx 파일에 함수 선언문(function)을 사용합니다. 그리구 컴포넌트 내에서 UI 제어를 위해 사용하는 이벤트 핸들러는 코드를 더 간결하게 작성할 수 있는 함수 표현식(() => {})을 사용하구요. 요건 개인 취향에 따라서 선택적으로 쓰셔도 좋을 것 같아요 :)

배우자님의 프로필 이미지
배우자

작성한 질문수

질문하기