[혼공JS] 6주차_24.08.12-08.18

6주차 진도 [Chapter 07~08]

 

[Chapter 7]

 

문서 객체 : HTML 페이지에 있는 html, body, title, h1, div, span 등의 요소를 자바스크립트에서는 문제 객체라고 말한다.

 

문서 모델 객체 : 문서 객체를 조합해서 만든 전체적인 형태. 약자 'DOM'

 

트리 : 비선현 자료구조의 일종, 나무처럼 생긴 것에서 유래

- 부모 : 어떤 문서 객체의 위에 있는것

- 자식 : 어떤 문서 객체의 아래에 있는것

 

이벤트 : 웹 브라우저에서 발생하는 사용자의 동작, 마우스 클릭, 스크롤, 키보드 입력, 페이지 전환 등

* DOMContentLoaded 이벤트 : HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽었을 때 발생시키는 이벤트

 

이벤트 리스너 : 이벤트가 발생할 때 실행하는 함수. 이벤트 리스너 또는 이벤트 핸들러라고 함.

 

이벤트 모델 : 이벤트를 연결하는 방법

- 고전 이벤트 모델 : 문서 객체가 갖고 있는 onOO으로 시작하는 속성에 함수를 할당하여 이벤트를 연결하는 방법

- 인라인 이벤트 모델 : onOO 으로 시작하는 속성을 HTML 요소에 직접 넣어 이벤트를 연결하는 방법

 

이벤트 객체 : 이벤트 리스너의 첫 번째 매개변수로 이벤트와 관련된 정보가 들어있다.

 

키 코드 : 키보드 이벤트가 발생할 때 어떤 키를 눌렀는지 키 값을 구분할 수 있는 코드

 

정규 표현식 : 특정한 규칙을 가지는 문자열의 집합.

유효성 검사를 쉽고 확실하게 구현할 수 있음.

ex) 이메일, 패스워드 검사 등

 

응용 프로그램 프로그래밍 인터페이스 API(Application Programming Interface)

애플리케이션 소프트웨어에서 프로그램들이 서로 상호작용하도록 도와주는 매개체

 

[Chapter 8]

 

예외 : 프로그램 실행 중에 발생하는 오류. 예외 또는 런타임 오류라고 부른다.

 

예외 처리 : 문법적인 오류를 제외하고 실행 중간에 발생하는 오류를 '예외'라고 부르는데, 예외가 발생하여 프로그램이 중단되지 않도록 처리하는 것을 말한다.

* 조건문 사용 : 예외가 발생하지 않게 만드는 기본 예외 처리

* try catch finally 구문 : try 구문 안에서 예외가 발생하면 catch 구문에서 처리하는 고급 예외 처리

  - finally 구문은 예외 발생과 상관 없이 무조건 실행되기 때문에 필요한 경우에만 사용한다.

 

* throw 키워드 : 예외를 강제로 발생시키는 키워드. 예외가 발생하면서 프로그램이 중단된다.

 

구문 오류 : 프로그램 실행 전에 발생하는 오류

구문 오류가 있으면 프로그램 자체가 실행되지 않는다.

 

[기본숙제]

p. 315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 캡처하기

서버 다운으로 이미지 사진 확인 불가

 

[추가숙제]

p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기

 

추가 제출