인프런 커뮤니티 질문&답변
작성한 질문수
컴포넌트를 만들 때 화살표 함수를 쓰지 않는 이유
작성
·
310
·
수정됨
3
안녕하세요
선생님 코드를 보다보면 컴포넌트를 화살표 함수를 쓰지 않더라구요. rafce를 사용하지도 않으시고.
혹시 이유가 있을까요?
그리고 컴포넌트 파일명 시작을 대문자로 하지 않는 이유도 궁금합니다!
스트리밍 적용할 때 loading.tsx를 Loading.tsx라고 하면 적용이 안되더라구요
답변 1
3
이정환 Winterlood
지식공유자
안녕하세요 이정환입니다.
순서대로 답변드릴게요 😃
우선 화살표 함수를 사용하지 않는 이유는 순전히 개인 기호입니다 ㅎㅎ!
화살표 함수로 컴포넌트를 만들면 "export default 컴포넌트" 라는 라인을 추가해야 하는 반면
함수 선언식으로 컴포넌트를 만들면 선언과 동시에 export default로 내보낼 수 있어 자주 그렇게 사용합니다.
추가로 파일명을 대문자로 하지 않는 이유는 Next.js 프레임워크의 규칙때문입니다.
Next.js에서는 loading뿐만이 아니라 error, not-found 또한 모두 소문자를 강제하고 있습니다.
저는 이 규칙에 맞춰 다른 컴포넌트 파일명도 모두 소문자로 사용하는 편 입니다.
감사합니다!
소문자 규칙은 기억해야겠네요!