HTML5 지원 API API 내용 웹 스토리지(Web Storage) 로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능 드래그앤트롭(Drag & Drop) 웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능 지오로케이션(Geolocation) 공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능 캔버스(Canvas) 2D Canvas 요소와 그리기 API를 제공 웹 워커(Web Workers) CPU에 부하를 많이 주는 작업을 여러 워커(Worker)로 나누어 작업 웹 SQL 데이터베이스 (Web SQL Database) 웹 브라우저에 내장 데이터베이스를 만들고 SQL 질의를 사용할 수 있는 기능

선언적 함수/익명 함수, ;(세미콜론) 사용 학습 내용 언적 함수: 호출하면 동작 인자 없는 함수 호출 인자 있는 함수 호출 인자 있는 함수 호출하여 연산된 값 반환 익명 함수 인자 없는 익명함수 호출 익명 함수 매개변수 대입 익명 함수 매개변수 전달 후 반환되는 값 출력 ;(세미콜론) 사용 선언적 함수 생성시에는 세미콜론을 붙이지 않지만 함수 표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다. 소스 코드 출력결과

즉시 실행 함수(immediate funtions) 함수를 정의함과 동시에 바로 실행되는 함수 익명함수를 응용한 형태 즉시 실행함수는 한번 수행 후, 다시 호출할 수 없습니다. 이런, 특성으로 최초 한 번의 실행만을 필요로 하는 초기화 코드부분에 패턴으로 사용되어 집니다. 즉시 실행 함수 형식 ( function( ) { 코드 })( ) 괄호 ( ) 로 함수리터럴을 사용한 함수 정의 부분을 감쌉니다. 그런 다음 함수가 바로 호출될 수 있게 ( ) 괄호 쌍을 추가합니다. 즉시 실행 함수 패턴 라이브러리 코드가 처음 로드되어 초기화할 때, 즉시 실행 함수 패턴이 많이 사용되어 집니다. 라이브러리 코드를 즉시 실행 함수 내부에 정의하게 되면 라이브러리 내의 변수들은 함수 외부에서 접근할 수 없게 됩니다. 이렇..

콜백함수(callback function) 익명함수의 대표적인 응용형태가 콜백함수이며 코드를 통해 명시적으로 호출하는 함수가 아닙니다. 개발자는 단지 함수 정의만 하고, 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출해주는 함수가 콜백함수입니다. 대표적인 콜백 함수 사용 예) 자바스크립트의 이벤트 핸들러 처리 자바스크립트의 이벤트 처리와 콜백함수 호출 도식도

내부 함수 함수 내부에 선언한 함수. 내부 함수를 사용하면 외부에 이름이 같은 함수가 있어도 내부 함수가 우선적으로 호출됩니다. function 외부 함수(){ function 내부 함수1(){ 코드 } function 내부 함수2(){ 코드 } 코드 }

함수의 return 값의 활용 return 키워드를 사용해 함수를 호출한 곳으로 값 넘김 function f(x) { //값은 반환함 return x * x; } //함수를 실행시켜 얻어진 결과값을 출력 alert(f(3)); return 키워드 사용시 값을 지정하지 않아도 함수를 호출한 곳으로 돌아감 function returnTest( ) { alert('문장 A'); //함수를 호출한 곳으로 돌아감 return; alert('문장 B');