인프런 커뮤니티 질문&답변
작성한 질문수
컴포넌트,페이지 파일명 기준
해결된 질문
작성
·
34
0
안녕하세요 정환님
강의를 듣다 우연히 궁금한 점이 생겨 문의드립니다.
제가 리액트 > 타입스크립트 > next.js 까지 쭉 듣고있는데요!
파일명을 짓는 기준이 궁금하여 문의드려요
리액트 컴포넌트파일명을 지을때는 맨 앞글자가 대문자가 기준인 것으로 알고있었는데
next.js 에서 ${페이지}.tsx 로 지으실때는
search-layout.tsx
global-layout.tsx
이런식으로 대시방식을 사용하시는것같더라구요!!
혹시 현업에서 사용하는 파일명짓는 기준이나
일반적인 react,next.js에서 사용하는 파일명 기준이 있을까요??
실무를 겪어보지 못해 잘 몰라서 해당건 질문드립니다,,,,,, 강의 항상 잘 듣고있어요 감사합니다 🙂
답변 1
0
이정환 Winterlood
지식공유자
안녕하세요 이정환입니다.
결론부터 말씀드리면 파일명의 컨벤션은 팀마다, 사람마다 다 다릅니다 😀
제 경우를 말씀드리자면! 강의마다 다르게 사용하고 있는데요
한입 리액트에서는 컴포넌트의 이름과 동일하게 파일명을 작명하기 위해 파스칼케이스(첫 단어를 대문자로 시작)으로 파일명을 작명했습니다.
한입 Next.js 에서는 Next.js에서 제공하는 특수한 파일 이름들(ex. not-found.tsx, layout.tsx ...)과 싱크를 맞추기 위해 케밥 케이스(단어사이에 대시-를 넣는 방식)을 사용하고 있습니다.