By React & TypeScript

Author : daeseopk Published : 2024.03.18 Last Updated : 2025.09.03

📌 Naming Conventions

File Naming

• PascalCase → tsx / React Component 파일 & 디렉토리
• camelCase → ts / 위 경우 제외한 모든 파일 & 디렉토리

TypeScript Naming

• PascalCase → Class, Interface, Type, Enum, Decorator, Type Parameters
• camelCase → Variable, Parameter, Function, Method, Property, Module Alias, Stack Constant Value
• CONSTANT_SNAKE_CASE → Global Constant Values (Enum 값 포함)
• Naming Rules
  • 한 단어로 간결하고 명확한 이름 사용
  • 불필요한 줄임말 지양 (sum, avg, req, res 등 자주 쓰이는 단어는 예외)
  • 팀원이 이해하기 어려운 줄임말은 공유 후 사용

Function Naming

• 함수는 동작을 나타내는 동사 형태로 시작

const nameGet = () => { ... }        // ❌
const getName = () => { ... }        // ✅
const calculateValue = () => { ... } // ✅

Boolean Naming

• 질문 형태로 작성 (is, are, has, should, can 등 적절한 동사 사용)