오늘은 08 - 2장의 내용을 정리해 보자. 08 - 2장의 제목은 '예외 처리 고급'으로, 예외 객체와 throw 구문에 대해서 설명하고 있다. 현대 자바스크립트 개발에 예외 객체와 throw 모두 적극적으로 사용되고 있다. 그럼 정리 시작! INTRO 자바스크립트는 다른 프로그래밍 언어와 비교해서 예외가 거의 발생하지 않는 프로그래밍 언어이다. 이는 프로그램에 수많은 버그를 일으킬 수 있는 요소가 되기도 한다. 그래서 개발자가 예외를 강제로 발생시켜줘야 하는 경우가 많다. 예외를 강제로 발생시킬 때 throw 키워드를 사용한다. throw 키워드를 이용해 예외를 어떻게 강제로 발생시킬 수 있는지 알아보자. 예외 객체 현실에서 어떤 사건이 발생하면 '누가, 언제, 어디서, 무엇을, 어떻게, 왜'라는 정..

오늘은 08 - 1장의 내용을 정리해보자. 08 - 1장의 제목은 '구문 오류와 예외'로, 실무에서 오류를 처리하는 방법에 대해서 설명하고 있다. 예제는 소규모이기 때문에 필요성을 못 느낄수도 있지만, 실무에서는 많이 사용하므로 꼭 기억해두자. 그럼 정리 시작! 오류의 종류 프로그래밍 언어의 오류(error)에는 크게 2가지 종류가 있다. 프로그램 실행 전에 발생하는 오류 프로그램 실행 중에 발생하는 오류 괄호 개수를 잘못 입력하는 등의 오류로 코드가 실행조차 되지 않는 오류를 구문 오류(syntax error)라고 하고, 이러한 문법적 오류를 제외하고 코드 실행 중간에 발생하는 오류를 예외(exception) 또는 런타임 오류(runtime error)라고 부른다. 그리고 이를 처리하는 것을 예외처리(..

오늘은 07 - 2장의 내용 정리를 마무리해보자. 07 - 2장의 남은 부분은, 여러 가지 글자 입력 양식 이벤트에 관해서 설명하고 있다. 기본 이벤트 막기 웹 브라우저는 이미지에서 마우스 오른쪽 버튼을 클릭하면 다음과 같은 컨텍스트 메뉴(context menu)를 출력한다. 이처럼 어떤 이벤트가 발생했을 때 웹 브라우저가 기본적으로 처리해주는 것을 기본 이벤트라고 부른다. 링크를 클릭했을 때 이동하는 것, 제출 버튼을 눌렀을 때 이동하는 등이 모두 기본 이벤트의 예이다. 이러한 기본 이벤트를 제거할 때는 event 객체의 preventDefault() 메소드를 사용한다. 다음 코드는 모든 img 태그의 contextmenu 이벤트가 발생할 때 preventDefault() 메소드를 호출해서 기본 이벤트..

Storage Before we get into computer storage, we need to fill in some gaps. I'm referring to things like gigabytes, bits, etc. But we actually haven't talked at all about what those metrics mean. As you might have guessed, these terms refer to data sizes. The smallest unit of a data storage is a bit. A bit can store one binary digit, so it can store a one or zero. The next largest unit of storage..

1. The Modern Computers Right now, you're probably using a web browser, music player, text setter or something else in your computer. They are referred to as Programs. Programs are basic instructions that tell the computer what to do. We technically store programs on durable media like hard drives. You can think of programs like cooking recipes. We get these recipes all stored together in a cook..

오늘은 07 - 2장의 내용 정리를 이어가 보자. 07 - 2장의 다음 부분은,여러 가지 글자 입력 양식 이벤트에 관해서 설명하고 있다. 글자 입력 양식 이벤트 사용자로부터 어떠한 입력을 받을 때 사용하는 요소를 입력 양식(form)이라고 부른다. HTML에서는 input 태그, textarea 태그, button 태그, select 태그 등이 모두 입력 양식이다. 입력 양식을 사용하는 간단한 예를 살펴보자. 일단 inch 단위를 cm 단위로 변환하는 프로그램이다. 지금까지 배웠던 키보드 이벤트를 사용하면 숫자를 입력했을 때 실시간으로 변환할 수도 있다. 하지만 이번에는 button 태그의 활용도 함께 볼 수 있게 버튼을 클릭할 때 변환이 되도록 구현해 보자. DOCTYPE html> Document d..