모던 자바스크립트 입문
아소 히로시 지음, 서재원 옮김
길벗
한동안 공부를 안하다가 저번주 부터 아침 일찍 출근해서 다시보기 시작했다. 이번장은 웹 브라우저에서의 입출력 부분이다. 웹 브라우저의 기본에 대해서 공부하고, 추가로 캔버스에 대해서 나와 있다. 그런데 현재 캔버스는 쓸일이 없어서 스킵 하였다. 또한 대부분 알고 있는 내용이어서 빠르게 읽고 넘어갔다. 그래도 블로그도 다시 쓸겸 중요한 부분은 정리해 놓는다.
6장. 웹 브라우저에서의 입출력
6.1 대화상자
-
웹 브라우저의 전역 객체인
Window객체에는 대화상자를 표시하기 위한 메소드가 3개가 있다.-
alert
window.alert("문자열")- “문자열”이 나타난 경고 대화상자를 표시.
-
prompt
window.prompt("문자열", "초기값")- 사용자의 문자열 입력을 받는 대화상자를 표시, “문자열”로 대화상자의 내용을 나타내며, “초기값”은 입력필드의 초기 입력값을 지정.
- 사용자가 입력한 값을 리턴 받는다.
-
confirm
window.confirm[확인][취소]버튼이 있는 대화상자를 표시- 사용자가
확인을 누를 경우 True,취소를 누를 경우 false를 리턴.
-
6.2 console
- 그다지 중용한 내용은 없어 보이고,
console객체가Window의 메소드라는 것만은 꼭 기억해두자.
6.3 이벤트 처리기 등록하기와 타이머 알아보기
-
이벤트 처리기
- 웹 브라우저에서 동작하는 프로그램은 기본적으로
이벤트 주도형 프로그램(event driven program)이다. 이벤트 주도형 프로그램은 이벤트가 발생할 때까지 기다렸다가 이벤트가 발생했을 때 미리 등록해 둔 작업을 수행하는 프로그램을 말한다.
- 웹 브라우저에서 동작하는 프로그램은 기본적으로
-
이벤트를 등록하는 방법
- HTML 요소의 속성으로 등록하는 방법
- DOM 요소의 프로퍼티로 등록하는 방법
- addEventListener 메소드를 사용하는 방법
- 따로 정리는 하지 않음.
-
타이머
Window객체에는setTimeout과setInterval메소드가 존재한다. ( 이것도 기억해 두자. )setTimeout과setInterval에 첫 번째 인수로 문자열을 넘길수도 있다. 문자열로 넘길경우eval()로 평가되어 실행된다.-
setTimeout- 지정된 시간이 흐른 후에 함수를 실행할 때 사용한다.
setTimeout(콜백함수, 지연 시간)형태로 사용한다.- 지연시간(ms) 만큼 흐른 뒤에 콜백함수를 실행시킨다.
-
setInternal- 지정된 시간마다 반복해서 함수를 실행할 때 사용한다.
setInterval(콜백함수, 시간 간격)형태로 사용한다.- 시간 간격(ms)마다 콜백함수를 실행 시킨다.
6.4 HTML 요소를 동적으로 읽고 쓰기
생략
6.5 Canvas를 활용한 컴퓨터 그래픽스
생략
이 코드는 모던 자바스크립트 입문(徹底マスターJavaScriptの教科書) 에서 인용한 것입니다.
[ISBN #978-4797388640]. Copyright 2017 by 磯博