간혹가다 헷갈릴 수 있는 문제들 ! - 문제은행 오답 풀이

변수 : 블록 스코프

 

문제

다음을 수행하세요:

1. blockScopeTest 함수 내부에 블록({})을 생성하세요.

2. 블록 내부에 let 키워드로 변수 w를 선언하고 값 1을 할당하세요.

3. 같은 블록 내부에 var 키워드로 변수 u를 선언하고 값 2를 할당하세요.

4. 블록 외부에서 w에 접근하여 콘솔에 출력하세요. (ReferenceError가 발생해야 합니다.)

5. 블록 외부에서 u에 접근하여 콘솔에 출력하세요. (값 2가 출력되어야 합니다.)

 

📍구현한 코드

function blockScopeTest() {
  {
    let w = 1;
    var u = 2;
  }
  // 블록 외부에서 변수 접근
  console.log(w);
  console.log(u);
}

분명 맞게 작성한 듯 한데 계속 오류가 났다.

 

 

 

📌오류 원인 및 해결

개발자 도구에서 확인해보니

이렇게 떴고 그 원인은

오류 후에는 처리를 하지 않기 때문이다.

'var'로 선언된 u는 함수 스코프 안에서 유효하기 때문에 코드블록 밖에서도 결과 값이 나오지만

'let'으로 선언된 w는 코드블록 스코프로 안에서만 유효하다.

따라서  console.log의 w와 u의 위치를 바꿔주면 해결이 된다.

function blockScopeTest() {
  {
    let w = 1;
    var u = 2;
  }
  // 블록 외부에서 변수 접근
  console.log(u);
  console.log(w);
}

 

 

연산자 : 삼항 연산자

 

문제

1. 나이(age)에 따라 data 변수에 아래 값 중 하나를 할당하세요. 삼항연산자(?)를 반드시 사용해야 합니다.

* - 10세 이상 20세 미만이면 "10대"

* - 20세 이상 30세 미만이면 "20대"

* - 30세 이상 40세 미만이면 "30대"

 

📍구현한 코드

function ternaryOperator(age) {
  let data = "";
  10 <= data < 20 ? "10대" : "20대";
  30 <= data < 40 ? "30대" : "40대";
  return data;
}​

계속해서 오답이 떴다.

 

코드를 말로 풀어보자면 

10세 이상 20세 미만일 때 "10대", 아니면 "20대"

30세 이상 40세 미만일 때 "30대" 아니면 "40대"

이다.

 

문제의 조건 중 20세 이상 30세 미만을 충족하려면 어떻게 해야할까?

 

 

 

📌오류 원인 및 해결

 

우선 함수의 인풋 값(age)과 문제에 사용된 변수(data)를 일치시켜준다.

그리고 다중 삼항 연산 (체이닝)으로 형태를 바꾼다.

추가로조건에 논리연산자 &&(and)를 사용하는 것이다.

function ternaryOperator(age) {
  let data = age;
  // TODO: 삼항연산자를 사용해 data 변수에 알맞은 값을 할당하세요.
  const result =
    10 <= data && data < 20
      ? "10대"
      : 20 <= data && data < 30
      ? "20대"
      : 30 <= data && data < 40
      ? "30대"
      : "40대";

  return result;
}

자바스크립트는 바보라서 앞쪽 조건만 인식한다.

따라서 조건이 '~이고 ~이면' 의 형식 일때는 &&를 사용해야 한다.

 

 

함수 : 함수의 사용

 

문제

3.3에서 만든 네 가지 산술 연산 함수를 사용하여

두 수(num1, num2)를 각각 더하고, 빼고, 곱하고, 나눈 결과를 result1, result2, result3, result4 변수에 할당하세요.

 

- add(num1, num2)

- subtract(num1, num2)

- multiply(num1, num2)

- divide(num1, num2)

 

* @param {number} x

* @param {number} y

* @returns {number}

 

// import를 수정하지 마세요.

import {

add,

subtract,

multiply,

divide,

} from "./(lv.2)[1]기본-산술-연산-함수";

 

// 아래에 add, subtract, multiply, divide 함수를 사용하세요.

const num1 = 10;

const num2 = 5;

 

// TODO: add 함수를 사용하세요

let result1 =

 

// TODO: subtract 함수를 사용하세요.

let result2 = );

 

// TODO: multiply 함수를 사용하세요.

let result3 = ;

 

// TODO: divide 함수를 사용하세요.

let result4 = 

 

📍구현한 코드

let result1 = function add(num1, num2){
return num1 + num2;
};

let result2 = function subtract(num1, num2){
return num1 - num2;
};

let result3 = function multiply(num1, num2){
return num1 * num2;
};

let result4 = function divide(num1, num2){
return num1 / num2;
};

 

 

📌오류 원인 및 해결

이 문제에서 중요하게 살펴볼 부분은 따로 있다.

 

"3.3에서 만든 네 가지 산술 연산 함수를 사용하여"
"import{}from "./(lv.2)[1]기본-산술-연산-함수""

 

import는 바로 직전 사용했던 함수들을 그대로 가져오기 때문에 굳이 새로운 함수를 정의할 필요가 없었다.

let result1 = add(num1, num2);

let result2 = subtract(num1, num2);

let result3 = multiply(num1, num2);

let result4 = divide(num1, num2);