인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

xxiiuu님의 프로필 이미지
xxiiuu

작성한 질문수

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

Chakra UI를 이용한 메인 페이지 뷰 작업

컴포넌트 파일명에 underscore

작성

·

285

0

선생님! 강의에 중간에 보니까 컴포넌트 파일명을 소문자 + underscore로 하셔서요. service_layout.tsx 이렇게요

저는 컴포넌트 파일명도 주로 대문자로 시작해서 파스칼로 만들어주는 것 같은데요. 궁금해서 조금 찾아보니까 선생님이 사용하신 방법은 'Google JavaScript Style Guide' 인 것 같은데, 그런가요? 이건 그냥 취향의 문제인가요? next 에서 페이지는 pages 폴더 안에 파일명을 소문자로 넣어주면 그대로 url로 사용하는 건 본 것 같은데 혹시 next 에서 사용하는 방법인가요?

파이어베이스 설정하는 부분 넘어가니 좀 쉬워져서 좋습니다~~ 질문은 to be continued...

답변 1

1

totuworld님의 프로필 이미지
totuworld
지식공유자

이건 어디까지나 개인 취향이에요.

MacOS는 파일의 대소문자를 구분하지 않아요. 하지만 AWS 등에서 사용하는 서버는 Linux 기반이라 대소문자 구분을 합니다.

예를들어 googleService.ts 를 만들었는데 나중에 GoogleService.ts 로 파일명을 바꿔서 commit하면 변경이 바로 안됩니다. 로컬에서는 잘되는데 배포하면 안되는 문제를 몇번 겪었죠.

그 이후로 snake case 로 파일명을 적는 버릇이 남았어요. 이게 반영된거 뿐입니다.

 

원하는 파일명을 쓰셔도 됩니다.

xxiiuu님의 프로필 이미지
xxiiuu

작성한 질문수

질문하기