Web/JavaScript 13

JS 기초_02 (ECMAScript 6)

ECMAScript 6 ECMA? 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 ECMAScript는 ECMA에서 ECMA-262 규격에 따라 정의한 언어 ECMA-262 : 범용적인 목적의 프로그래밍 언어에 대한 명세 ECMAScript6는 ECMA에서 제안하는 6번째 표준 명세를 말함 참고로 ECMAScript6의 발표 연도에 따라 ECMAScript2015라고도 불림 세미콜론 자바스크립트는 세미콜론을 선택적으로 사용 가능 세미콜론이 없을 경우 ASI에 의해 자동으로 세미콜론이 삽입 ASI : 자동 세미콜론 삽입 규칙 (Automatic Semicolon Insertion) 자바스크립트의 문법, 개념적 측면에 집중하기 위해 세미콜론을 사용하지 않고 진행하고자 함 코딩 스타일 가이드 코딩 스타일..

Web/JavaScript 2021.05.09

JS 기초_01 (Event)

Event 네트워크 활동 혹은 사용자와의 상호작용 같은 사건의 발생을 알리기 위한 객체 이벤트는 마우스를 클릭하거나 키보드를 누르는 등 사용자 행동에 의해 발생할 수도 있고, 특정 메서드를 호출(HTMLElement.click())하여 프로그래밍적으로도 만들어낼 수 있음 이벤트 처리기 (Event-handlers) EventTarget.addEventListener() 해당 메서드를 통해 다양한 요소에서 이벤트를 붙일 수 있음 removeEventListener()를 통해 이벤트를 제거 가능 Event 기반 인터페이스 UIEvent ref : https://developer.mozilla.org/en-US/docs/Web/API/UIEvent AnimationEvent, ClipboardEvent, Dr..

Web/JavaScript 2021.05.09

JS 기초_00 (DOM)

DOM, BOM 브라우저에서 할 수 있는 일 DOM 조작 문서(HTML) 조작 BOM 조작 navigator, screen, location, frames, history, XHR JavaScript Core (ECMAScript) Data Structure(Object, Array), Conditional Expression, Iteration DOM (Document Object Model) HTML, XML 등과 같은 문서를 다루기 위한 언어 독립적인 문서 모델 인터페이스 문서를 구조화하고 구조화된 구성 요소를 하나의 객체로 취급하여 다루는 논리적 트리 모델 단순한 속성 접근, 메서드 활용 뿐만 아니라 프로그래밍 언어적 특성을 활용한 조작 가능 주요 객체 window : DOM을 표현하는 창, 가장..

Web/JavaScript 2021.05.09