학원 일기/학원-JavaScript (16) 썸네일형 리스트형 JS3 이벤트 - 브라우저에서 동작 발생 이벤트 헨들러 - 이벤트에 반응하는것 이벤트 헨들러 사용방식 1)인라인 - 태그안에 이벤트핸들러명 : 함수사용 2) 기본 - id나 this를 통해 해당태그 값에 접근후 이벤트처리 3)표준 - id나 this로 접근하여 addEventListener(이벤트핸들러명, 함수) 로처리 innerHTML = 열고 닫히는 태그의 문자열로 접근 window.onload = function(){ 실행구문 } - window객체 로드 JSON이란 JSON - "키"=값으로 이루어진 데이터묶음 실행환경이란 실행환경 - 코드내부에서 무언가(정확히 정의하지못한상태)될때 생기는 것 특징 - 실행순서대로 스택형태로 쌓인다 스택으로 생성될때 vo또는go / sc / this 가 생성된다 https://poiemaweb.com/js-execution-context 클로저란 클로저 - 자유변수에대한 접근이 막혀있는것 자유변수 - 실행환경에 생성된 변수 핵심 - 실행환경이 생성될때의 순간을 참조해놓는것 아래설명을위해 알아야할 개념 - 실행환경 클로저가 생성될때 외부함수의 변수를 호출하면 스코프체인이 형성된다 스코프체인을 이용해 클로저는 외부함수의 객체를 계속해서 참조할수있다 ( 단 실행환경을 참조하고있는 변수가 있어야한다) 응용 - getter,setter, 더있는지 없는지 모르겠다 js2 2008 - > ES5 2016 - > ES6 ES6은 아직도 호완이 안되는 웹브라우저가 있다 DOM(Document Object) BOM(BrowserObject) 익명함수 var a = function(){} 화살표함수?람다함수? var a = () => 리턴값 or var a = () => {} js에서 매개변수는 실행하는데 있어서 큰문제가아니다 어떤 매개변수가 몇개필요한지 알려주는 약속과도 같다 메서드안에 여러가지 인자를전달하고 console.log(arguments) 를 사용하면 전달한 인자를 배열형식으로 전부 가지고 있다 ex) a+b의 메서드에 1,2,3을 전달하고 return argument[2] + b라고 적으면 5가 반환된다 즉시실행함수 사용목적 - 1회만 사용하는데 메모리 낭비, 변수.. js 함수기반의 객체지향언어 > flase로생각 나머지는 true infinity - 수가 범위를 벗어난경우 === 이전 1 2 다음