PascalCase vs camelCase 차이점 정리

 

 

🚀 PascalCase vs camelCase 차이점 정리

✅ 둘 다 여러 단어를 이어 붙여 네이밍할 때 사용하는 방식이지만, 첫 글자의 대소문자가 다름
✅ 사용되는 곳이 다름 (클래스 vs 변수, 함수 등)

 

✅ PascalCase란?

✅ 각 단어의 첫 글자를 대문자로 시작하는 표기법
✅ 공백 없이 모든 단어를 연결
✅ 주로 클래스(Class), 생성자 함수(Constructor), 타입(Type)에서 사용됨

 

class Person {}       // ✅ 클래스 이름
function Animal() {}  // ✅ 생성자 함수
type UserData = {}    // ✅ TypeScript 타입

 

 

✅ camelCase란?

✅ 첫 단어는 소문자로 시작하고, 이후 단어의 첫 글자만 대문자로 작성
✅ 일반적인 변수, 함수 이름 등에 사용

const myVariable = 10;       // ✅ 변수
function getUserName() {}    // ✅ 함수
const userProfile = {};      // ✅ 객체

 

 

🚀 차이점 비교

스타일첫 글자사용 예제주로 사용되는 곳

PascalCase	대문자	PersonClass, UserProfile	클래스, 생성자 함수, TypeScript 타입
camelCase	소문자	myVariable, getUserName	변수, 함수, 메서드, 인스턴스 객체

 

 

 

✅ 올바른 예제

1️⃣ PascalCase (클래스 & 생성자 함수)

class Animal {}      // ✅ 클래스
function Person() {} // ✅ 생성자 함수

const dog = new Animal();  // ✅ 인스턴스는 camelCase 사용

 

 

2️⃣ camelCase (변수 & 함수)

const userName = "Alice";    // ✅ 변수
function getUserAge() {}     // ✅ 함수
const userProfile = {};      // ✅ 객체 변수

 

 

🚀 결론

1. 클래스 & 생성자 함수 → PascalCase
2. 변수, 함수, 메서드, 객체 → camelCase
3. 혼용하지 않도록 주의해야 코드의 가독성이 좋아짐

💡 즉, PascalCase는 객체를 정의할 때, camelCase는 값을 담는 변수나 함수를 만들 때 사용합니다! 🚀🔥