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

강민호님의 프로필 이미지

작성한 질문수

한 입 크기로 잘라먹는 Next.js(15+)

4.1) 앱 라우터의 데이터 페칭

컴포넌트를 만들 때 화살표 함수를 쓰지 않는 이유

24.08.23 12:52 작성

·

285

·

수정됨

3

안녕하세요

선생님 코드를 보다보면 컴포넌트를 화살표 함수를 쓰지 않더라구요. rafce를 사용하지도 않으시고.

혹시 이유가 있을까요?

 

그리고 컴포넌트 파일명 시작을 대문자로 하지 않는 이유도 궁금합니다!

스트리밍 적용할 때 loading.tsx를 Loading.tsx라고 하면 적용이 안되더라구요

 

답변 1

3

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

2024. 08. 24. 11:18

안녕하세요 이정환입니다.

순서대로 답변드릴게요 😃

우선 화살표 함수를 사용하지 않는 이유는 순전히 개인 기호입니다 ㅎㅎ!

화살표 함수로 컴포넌트를 만들면 "export default 컴포넌트" 라는 라인을 추가해야 하는 반면

함수 선언식으로 컴포넌트를 만들면 선언과 동시에 export default로 내보낼 수 있어 자주 그렇게 사용합니다.

 

추가로 파일명을 대문자로 하지 않는 이유는 Next.js 프레임워크의 규칙때문입니다.

Next.js에서는 loading뿐만이 아니라 error, not-found 또한 모두 소문자를 강제하고 있습니다.

저는 이 규칙에 맞춰 다른 컴포넌트 파일명도 모두 소문자로 사용하는 편 입니다.

강민호님의 프로필 이미지
강민호
질문자

2024. 08. 24. 11:20

감사합니다!

소문자 규칙은 기억해야겠네요!