📋 네이밍 Cheatsheet

빠른 참조표 - 좋은 이름을 위한 규칙 모음

🏃 함수 네이밍

✅ 기본 규칙

동사로 시작
camelCase 사용
한 가지 일만

자주 쓰는 동사

get - 가져오기
set - 설정하기
calculate - 계산
check - 확인

update - 업데이트
create - 만들기
delete - 삭제
show/hide - 보이기/숨기기

예시

getUserName()
calculateTotal()
updateDisplay()
checkIsValid()

📦 변수 네이밍

✅ 기본 규칙

명사 사용
camelCase 사용
의미가 명확하게

좋은 명사 예시

userName - 사용자 이름
totalPrice - 총 가격
currentPage - 현재 페이지
inputValue - 입력값

❌ 피하기

x, y, z - 의미 없는 이름
data, temp - 너무 일반적
a, b, c - 의미 전달 안 됨

✅❌ 불리언 네이밍

✅ 기본 규칙

is/has/can으로 시작
질문 형태
true/false가 명확하게

is - "~인가?"

isLoggedIn
isVisible
isActive
isLoading

has - "~를 가지고 있는가?"

hasError
hasData
hasPermission

can - "~할 수 있는가?"

canEdit
canDelete
canSubmit

📚 복수형 네이밍

✅ 기본 규칙

배열은 복수형으로
List 붙이기 또는 s
프로젝트 내 일관성 유지

List 붙이기

userList
todoList
productList
itemList

복수형 s

users
todos
products
items

💡 둘 다 좋음!

하나를 선택해서 프로젝트 전체에 일관되게 사용

🔤 케이스 스타일

camelCase

JavaScript 변수/함수

userName
getUserName()
calculateTotal()

PascalCase

클래스/컴포넌트

UserProfile
TodoList
CounterApp

kebab-case

HTML ID/class

user-name
submit-btn
todo-list

🔄 Before / After

❌ Before

let x = 0;
let flag = true;
let arr = [1, 2, 3];

function a() {
  x = x + 1;
}

function b() {
  return flag;
}

✅ After

let currentCount = 0;
let isLoggedIn = true;
let numberList = [1, 2, 3];

function increaseCount() {
  currentCount = currentCount + 1;
}

function checkIsLoggedIn() {
  return isLoggedIn;
}

💡 핵심 원칙

1. 명확성

이름만 보고 역할을 알 수 있어야 함

2. 일관성

프로젝트 전체에서 같은 패턴 사용

3. 간결함

길더라도 명확한 것이 낫지만, 불필요하게 길면 안 됨

4. 의도 전달

주석 없이도 코드의 의도가 전달되어야 함

✨ 좋은 코드 = 읽기 쉬운 코드 = 좋은 이름 ✨

← Session 7 홈으로 메인 페이지로 →