Step 1: 네이밍의 중요성

좋은 이름 = 주석 없이도 이해되는 코드 ✨

❌ 나쁜 예시

function a(x) { return x * 2; }
function b() { /* ... */ }

let d = false;
let list1 = ["사과", "바나나"];

🤔 3개월 후에 이 코드를 본다면?

  • a 함수가 뭘 하는 거지?
  • d는 무엇을 나타내는 불리언?
  • list1에는 뭐가 들어있지?

✅ 좋은 예시

function calculateDouble(number) {
  return number * 2;
}

function updateStatusMessage() {
  /* ... */
}

let isLoggedIn = false;
let fruitList = ["사과", "바나나"];

✨ 3개월 후에도 한눈에 이해!

  • calculateDouble: 숫자를 2배로 만드는 함수
  • updateStatusMessage: 상태 메시지를 업데이트
  • isLoggedIn: 로그인 여부
  • fruitList: 과일 목록

🎯 핵심 원칙

1. 이름만 보고 역할을 알 수 있어야 한다

❌ 나쁨

let data = [];

✅ 좋음

let userList = [];

2. 길더라도 명확한 이름이 낫다

❌ 나쁨

function calc() { }

✅ 좋음

function calculateTotalPrice() { }

3. 주석이 필요 없는 이름이 좋은 이름

❌ 나쁨

// 사용자가 로그인했는지 확인
let status = true;

✅ 좋음

let isLoggedIn = true;

🏃 실습: 나쁜 이름 찾기

아래 코드에서 나쁜 이름을 찾고, 더 좋은 이름을 생각해보세요: 

function x(n) {
  return n + 10;
}

let temp = document.getElementById("box");
temp.textContent = x(5);

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

💡 힌트

  • x 함수는 무엇을 하나요?
  • temp는 무엇을 저장하나요?
  • flag는 무엇을 나타내나요?
  • arr에는 무엇이 들어있나요?

✅ 정답 예시

function addTen(number) {
  return number + 10;
}

let resultBox = document.getElementById("box");
resultBox.textContent = addTen(5);

let isCompleted = true;
let scoreList = [1, 2, 3];

📌 핵심 정리

다음: Step 2 (함수 네이밍) →