강의

멘토링

로드맵

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

락곤님의 프로필 이미지
락곤

작성한 질문수

내가 타이타닉에 탔었다면?! PyTorch & Next.js로 생존 확률 예측 AI 웹 서비스 만들기

7-4. 입력 폼 예측 버튼 활성화 및 요약 표시

파일명 , 폴더명 대문자 소문자, 케이스 구별법이궁금해요

해결된 질문

작성

·

18

0

7-4강의 듣고있는데
Utils에서 predictUtils.tsx 이것이고

Types 에선 Predict.ts 대문자이구

 

frontend 구조중에서 해당 프로젝트의 소스코드 폴더별로 대문자 인지, 소문자인지 ,파일별로도 마찬가지고. 컨벤션이 궁금해요

답변 1

0

닭강정님의 프로필 이미지
닭강정
지식공유자

안녕하세요. 질문 주셔서 감사합니다.

 

Q. 각 폴더에 따라 이름을 짓는 방법이 다른 것 같습니다. 폴더와 파일명 대문자/소문자 규칙이 궁금합니다.

이번 프로젝트의 폴더와 파일 명명 규칙은 엄격한 규칙보다는 개인 취향이 반영된 부분이 있습니다.

  • Utils 폴더

    • 폴더명은 항상 대문자(Utils)로 시작하고, 안의 파일은 첫 단어는 소문자, 뒤따르는 단어는 첫 글자만 대문자 형식으로 작성합니다.

    • 예시:

      • adminLoginUtils.tsx

      • communityDetailUtils.tsx

      • communityUtils.tsx

      • predictUtils.tsx

    • 이렇게 하면 파일명이 길어져도, 어떤 기능과 역할을 하는 파일인지 직관적으로 알 수 있습니다.

  • Components 폴더 및 하위 폴더

    • 폴더와 파일 이름 모두 단어와 상관없이 첫 글자를 대문자로 작성하는 경우가 있습니다.

    • UI 컴포넌트임을 시각적으로 바로 구분할 수 있고, 프로젝트를 처음 보는 사람도 구조를 이해하기 쉽습니다.

  • 팀 내 통일성

    • 팀에서 파일명을 정할 때, 예를 들어 predict + utils라는 파일을 만들면
      누군가는 predictUtils라고 하고, 누군가는 PredictUtils라고 할 수 있습니다.

    • 이런 차이로 오해가 생길 수 있지만, 실제 기능이나 동작에는 전혀 영향을 주지 않습니다.

    • 따라서 질문자님께서 보시기에 보기 편하고 이해하기 쉬운 방식으로 선택하시면 됩니다.

  • 정리

    • 이번 프로젝트에서 파일명과 폴더명은 PascalCase 및 camelCase 방식을 적절히 혼합해서 사용했습니다.

    • 기능별로 구분되어 있어 유지보수나 확장이 쉽고, 다른 개발자가 봐도 직관적으로 이해할 수 있습니다.

    • 즉, 엄격한 컨벤션보다 실용성과 편의성을 우선시한 방식이라고 볼 수 있습니다.

감사합니다!

락곤님의 프로필 이미지
락곤

작성한 질문수

질문하기