[javascript] 자바스크립트 코드 읽기 연습 - 초급 퀴즈1

프로그래밍을 배우면서 코드 읽는 능력을 키우는 것은 매우 중요합니다. 오늘은 자바스크립트 초급자를 위한 간단한 코드와 함께, 이를 이해하는 퀴즈를 준비했습니다. 코드를 먼저 보고, 퀴즈를 풀면서 코드의 흐름을 파악해 보세요!

---

퀴즈를 위한 코드

function greet(name) {
    if (!name) {
        return "Hello, Stranger!";
    }
    return "Hello, " + name + "!";
}

console.log(greet("Alice"));
console.log(greet());

---

퀴즈 문제

1. 위 코드를 실행하면 콘솔에 어떤 출력이 나올까요?
   • a) "Hello, Alice!"
   • b) "Hello, Stranger!"
   • c) "Hello, Alice!" 와 "Hello, Stranger!"
   • d) 오류 발생
2. if (!name) 조건문은 어떤 역할을 할까요?
   • a) 이름이 입력되지 않았을 때 기본 값을 설정하는 역할
   • b) 문자열이 아닌 경우 오류를 발생시키는 역할
   • c) 항상 true가 되어 Hello, Stranger!만 반환하는 역할
   • d) 실행되지 않는 코드이므로 의미 없음

---

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

정답 및 해설

1번 문제 해설 (출력 결과 예상)

위 코드를 실행하면 다음과 같은 결과가 나옵니다:

console.log(greet("Alice"));  // "Hello, Alice!"
console.log(greet());         // "Hello, Stranger!"

• greet("Alice")는 name에 "Alice"가 전달되므로 return "Hello, Alice!";가 실행됩니다.
• greet()는 인자를 전달하지 않았기 때문에 name은 undefined가 됩니다. if (!name) 조건이 true가 되어 return "Hello, Stranger!";가 실행됩니다.

정답: ✅ c) "Hello, Alice!" 와 "Hello, Stranger!"

2번 문제 해설 (if (!name)의 역할)

• if (!name)는 name이 falsy 값(undefined, null, "", 0, false, NaN)일 때 실행됩니다.
• 즉, 이름이 입력되지 않았을 때 "Hello, Stranger!"를 반환하여 기본 값을 설정하는 역할을 합니다.

정답: ✅ a) 이름이 입력되지 않았을 때 기본 값을 설정하는 역할

---

끝