단원 연습 문제

try 안에서 오류가 나지 않으면 catch 블록은 건너뛰고, finally 블록은 늘 실행됩니다.

3
마무리

• 3~4번 줄: '{"qty":3}'은 올바른 JSON이므로 o.qty인 3이 찍힙니다.
• 5~6번 줄: 오류가 나지 않았으므로 catch 블록은 건너뜁니다.
• 7~8번 줄: finally 블록은 오류가 없어도 늘 실행되어 마무리가 찍힙니다.

다시 볼 레슨: try와 catch

4번 줄에서 오류가 나기 전에 실행한 3번 줄의 step = 2는 그대로 남고, 오류 뒤인 5번 줄의 step = 3만 건너뜁니다.

SyntaxError 2
끝

• 3번 줄: 오류가 나기 전이므로 step이 2로 바뀝니다.
• 4~5번 줄: JSON.parse('{bad}')에서 SyntaxError가 나는 순간 5번 줄(step = 3)은 건너뛰고 catch (e)로 이동합니다.
• 7~9번 줄: e.name인 SyntaxError와 step 값 2가 찍히고, 이어서 finally의 끝이 찍힙니다.

흔한 오답은 첫 줄을 SyntaxError 1이나 SyntaxError 3으로 쓰는 것입니다. 앞의 것은 try에서 오류가 나면 앞 줄까지 취소된다고 본 것이고, 뒤의 것은 오류 뒤 줄도 마저 실행된다고 본 것입니다.

파이썬에서는 except ValueError as e:⁠처럼 잡을 오류 종류를 골라 적지만 — 자바스크립트의 catch (e)는 모든 실행 중 오류를 한꺼번에 받고 e.name으로 종류를 확인합니다.

다시 볼 레슨: try와 catch

돌려준 화살표 함수는 fee의 옛 값 500을 복사해 두지 않고 전역 칸의 fee 이름표를 기억합니다(규칙 5).

4500
5000

• 6번 줄: 첫 번째 pay()를 부를 때 fee는 500이므로 4000 + 500인 4500이 찍힙니다.
• 7~8번 줄: fee가 1000으로 바뀐 뒤 두 번째 pay()를 부르면 바뀐 fee를 읽어 4000 + 1000인 5000이 찍힙니다.

다시 볼 레슨: 클로저: 만들어진 칸을 기억하는 함수

q가 0일 때 pay(0) 안에서 throw new Error('0 이하')⁠가 실행되어 5번 줄을 건너뛰고 catch (e)로 넘어갑니다. 오류가 잡혔으므로 다음 바퀴인 q = 1도 계속 돕니다.

9000
0 이하
4500

• q = 2일 때는 2 * 4500인 9000이 찍힙니다.
• q = 0일 때는 3번 줄에서 던진 Error 객체를 10번 줄의 catch (e)가 받아 e.message인 0 이하를 찍습니다.
• q = 1일 때는 1 * 4500인 4500이 찍힙니다.

파이썬에서는 raise ValueError('0 이하')⁠로 오류를 던지지만 — 자바스크립트는 throw new Error('0 이하')⁠로 Error 객체를 만들어 던집니다.

다시 볼 레슨: throw로 오류 알리기

자식 클래스에 constructor가 없으면 부모 생성자가 그대로 불려 this.item을 저장하고, b.tag()는 자식 클래스 IceBag에 다시 정의된 메서드를 먼저 찾습니다.

케이크
케이크(보냉)

• 14~15번 줄: 부모 Bag의 생성자가 this.item에 '케이크'를 붙여 케이크가 찍힙니다.
• 16번 줄: b.tag()는 자식 클래스 IceBag의 tag()를 찾아 케이크(보냉)을 찍습니다.

다시 볼 레슨: 클래스와 new · 상속: extends와 super

Node의 at 줄은 실제 throw가 실행되어 멈춘 가장 안쪽 함수부터 맨 위에 적힙니다.

첫 번째 at 줄은 unit, 두 번째 at 줄은 bill입니다.

main.js:3    throw new Error('품절');          ^ Error: 품절    at unit (main.js:3:11)    at bill (main.js:8:10)    at main.js:10:13

• 10번 줄이 bill('모카')를 부르고, 8번 줄이 unit('모카')를 부른 뒤, unit 안 3번 줄에서 오류가 던져졌습니다.
• 따라서 가장 최근에 멈춘 at unit이 첫 줄에, 그 함수를 부른 at bill이 둘째 줄에 찍힙니다.

파이썬에서는 Traceback의 맨 아래에 가장 최근 함수(unit)가 찍히지만 — 자바스크립트의 at 줄은 반대로 가장 최근에 멈춘 함수(unit)가 맨 첫 줄에 찍힙니다.

다시 볼 레슨: throw로 오류 알리기

main.js 안에 import 문장이 있으면 main.js의 첫 줄이 돌기 전에 가져온 파일(cafe.js)이 먼저 끝까지 한 번 실행됩니다.

cafe 준비
main 시작
컵값: 300

• node main.js를 실행하면 import로 연결된 cafe.js가 먼저 실행되어 첫 줄에 cafe 준비가 찍히고 cup = 300을 내보냅니다.
• 그다음 main.js의 본문이 위에서부터 돌아 main 시작과 컵값: 300이 차례로 찍힙니다.

흔한 오답은 main 시작을 첫 줄에 쓰는 것입니다. console.log('main 시작')⁠이 import 줄보다 위에 적혀 있으니 먼저 실행된다고 본 것입니다.

다시 볼 레슨: 파일 나누기: import와 export

3번 줄의 파일 경로 './cafe' 끝에 무엇이 빠졌는지 보세요.

300을 찍지 못하고 경로 끝에 .js 확장자가 빠져 ERR_MODULE_NOT_FOUND 오류로 멈춥니다.

Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'cafe' imported from main.js {  code: 'ERR_MODULE_NOT_FOUND',  url: 'cafe'}

• Node에서 내 파일을 import할 때는 './cafe.js'처럼 .js 확장자까지 빠짐없이 적어야 합니다.

파이썬에서는 from cafe import cup처럼 .py 확장자 없이 모듈 이름을 적지만 — Node에서는 from './cafe.js'처럼 상대 경로(./)와 .js 확장자까지 모두 적어야 합니다.

다시 볼 레슨: 파일 나누기: import와 export

JSON.parse(raw)는 객체 두 개가 든 배열을 돌려주고, filter와 map이 p >= 4500인 메뉴의 n만 모은 새 배열을 돌려줍니다.

[ '라테' ]

• 5번 줄: JSON.parse(raw)가 메뉴 객체 두 개가 든 배열을 만듭니다.
• 6~8번 줄: filter가 p >= 4500인 라테 객체 하나만 남기고, map이 그 객체의 n 값만 꺼내 [ '라테' ]를 돌려줍니다.

다시 볼 레슨: JSON: 객체와 글 사이 · map·filter·find · try와 catch

10번 줄은 잡은 값 e에서 e.message 속성을 읽고 있습니다. 3번 줄에서 던진 값이 오류 객체인지, 일반 문자열인지 보세요.

3번 줄을 throw new Error('초과');⁠로 고칩니다.

function cut(p, d) {
  if (d > p) {
    throw new Error('초과');
  }
  return p - d;
}
try {
  console.log(cut(400, 500));
} catch (e) {
  console.log(e.message);
}

초과

3번 줄에서 throw '초과';처럼 문자열을 그대로 던지면 9번 줄의 e에 문자열 '초과'가 들어갑니다. 문자열에는 .message 속성이 없으므로 10번 줄의 e.message가 undefined를 찍습니다(규칙 1). new Error('초과')로 오류 객체를 만들어 던지면 e.message에 '초과'가 담깁니다.

파이썬에서도 문자열 대신 raise ValueError('초과')⁠처럼 예외 객체를 만들어 던지듯 — 자바스크립트에서는 늘 throw new Error('...')⁠를 씁니다.

다시 볼 레슨: throw로 오류 알리기 · try와 catch

try 안에서 const o = JSON.parse(s);⁠와 sum += o.p;를 실행하고, catch (e) 안에서 bad += 1;을 실행합니다.

모범 답입니다.

const raws = [
  '{"p":4500}',
  '{bad}',
  '{"p":3000}',
];
let sum = 0;
let bad = 0;

이어서 반복문 안에서 try / catch로 처리합니다.

for (const s of raws) {
  try {
    const o = JSON.parse(s);
    sum += o.p;
  } catch (e) {
    bad += 1;
  }
}
console.log(sum, bad);

7500 1

• 흔한 오답:
  • try를 for 반복문 바깥에 감싸면 두 번째 값 '{bad}'에서 오류가 나는 순간 반복문 전체를 빠져나와 세 번째 값 '{"p":3000}'을 처리하지 못하고 4500 1이 찍힙니다.

다시 볼 레슨: try와 catch · JSON: 객체와 글 사이

if (qty <= 0)에서 throw new Error('0 이하');⁠를, if (qty > left)에서 throw new Error('부족');⁠를 실행하고, 끝에 return left - qty;를 씁니다.

모범 답입니다.

function take(left, qty) {
  if (qty <= 0) {
    throw new Error('0 이하');
  }
  if (qty > left) {
    throw new Error('부족');
  }
  return left - qty;
}

이어서 반복문으로 시험 값을 넣어 확인합니다.

for (const q of [2, 0, 5]) {
  try {
    console.log(take(3, q));
  } catch (e) {
    console.log(e.message);
  }
}

1
0 이하
부족

• 흔한 오답:
  • new Error(...) 없이 문자열만 던지면 catch에서 e.message가 undefined로 찍힙니다.

다시 볼 레슨: throw로 오류 알리기 · try와 catch