본문 바로가기

Road to Developer31

14. Event Event 브라우저에는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생합니다. 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 다시 말해, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다.그것을 자바스크립트로 구현할 수 있습니다. 이벤트 등록방법 addEventListener함수를 이용합니다. 예시 : console을 확인하려면 codepen에서 확인. or 오른쪽 클릭 개발자도구에서 콘솔에서 확인가능 event type에는 어떤 것들이 있나요? 마우.. 2018. 7. 9.
13. DOM, Query Selector DOM(Document Object Model)브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메서드를(DOM API)를 제공합니다. 1. 하나의 요소 선택document.getElementById(id)document.querySelec.. 2018. 7. 4.
12. 자바스크립트는 어떻게 작동하는가 How JavaScript Works 자바스크립트 엔진 중 유명한 것이 구글의 V8엔진입니다. V8엔진은 크롬과 노드 js에서 사용됩니다. V8엔진은 크게 두 부분으로 구성됩니다.메모리힙(Memory Heap): 메모리할당이 이루어지는 곳입니다.콜스택(Call Stack): 코드가 실행 되면서 스택 프레임이 쌓이는 곳입니다. 자바스크립트의 엔진이 중요하긴 하지만 엔진 만으로 모든 것이 이루어지는 것은 아닙니다. 브라우저가 제공하는 웹 API라는 것도 있어서 DOM, AJAX, setTimeout등이 여기에 포함됩니다. 또한 이벤트루프와 콜백큐도 자기 역할을 하고 있습니다. 콜스택 자바스크립트는 싱글 스레드(single-threaded) 프로그래밍 언어입니다. 다시 말하면 콜스택이 하나라는 뜻입니다. 따라.. 2018. 7. 4.
11. 자바스크립트 기초 : 변수, 조건문, 반복문, 함수 자바스크립트의 버전은 ECMA Script의 버전에 따라 결정된다. 현재는 ES 6버전을 표준으로 사용 중. 변수 표시 var, let, const의 형태로 변수를 표시할 수 있다.var : function-scoped , let/const : block-scoped 참고 자료. by LeoHeo님 //다양한 변수 지정방법 var a = 2; var a = "aaa"; var a = 'aaa'; var a = true; var a = []; var a = {}; var a = undefined; //or연산자 활용 var name = ""; var result = name || "codesquad"; console.log(result); //결과는 codesquad //삼항연산자 활용 const data.. 2018. 7. 3.
반응형

티스토리툴바