제로하우스

Primitive 타입 원시값, 원시 자료형 타입 Number const a = 1 const b = -13 const c = 3.14 const d = 2.99e3 const e = Infinity const f = -Infinity const g = NaN console.log(a, b, c, d, e, f, g) NaN (Not a Number)은 연산 과정에서 잘못된 입력을 받았음을 나타내는 기호이다. String const sentence1 = '문자열' const sentence2 = "문자열" console.log(sentence1) console.log(sentence2) 문자열 간의 덧셈이 가능하다 const firstName = '구현' const lastName = '김' const ..

1. 식별자 변수명은 식별자라고 하며 특정 규칙을 따른다. 반드시 문자, 달러, _로 시작해야 한다. 숫자로 시작할 수 없다. (-도 안된다.) 대소문자를 구분한다. 클래스명이 아니라면 시작 단어는 대문자 사용을 지양한다. 예약어도 사용 불가능한다. (class, const, let, var, await, case ...) 작성 스타일 기본적으로 camelCase로 작성한다. (lowcaseUppercase) // 숫자, 문자, boolean let dog let babyCat // 배열 = 배열은 복수형으로 작성한다. let animals // 함수 function getPropertyName // 이벤트 핸들러 - `on`으로 시작한다. function onClick () {} function onK..

Overview JavaScript의 역사 파편화 & 표준화의 여파로 Cross Browsing Issue가 있었다. 표준화를 위한 노력(ex. jQuery)으로 현재는 Vanilla JavaScript를 사용하게 되었다. 브라우저에서 할 수 있는 일 작업 설명 [DOM 조작](##1. DOM) 문서(HTML) 조작 BOM 조작 navigator, screen, location, frames, history, XHR JavaScript Core(ECMAScript) 자료 구조(Object, Array), 조건 표현, 순회 브라우저가 html을 처리하는 방법 Parse : 문자열을 해석 Style : 스타일링 Layout : 실제 브라우저 화면에 배치 ECMAScript 자바스크립트 표준화를 위해 만들어졌..

Overview dataset을 통해 태그 내에 선언한 데이터 속성을 가져올 수 있다. Song Artish // JavaScript $0.dataset.user // 'SongArtish' $0.dataset.role // 'moderator' $0.dataset.userId // 'bulgen' Copyright © 2022 Song_Artish

Event 객체 사용자 입력(onclick, onkeyup, onscroll 등)을 trigger로 발생한 이벤트 정보를 담은 객체 EventListener EventTarget.addEventListener(type, listener) EventTarget : 이벤트 감지를 위한 요소 addEventListener : EventTarget에 이벤트를 등록할 때 사용하는 이벤트 핸들러 type : 이벤트 종류 listener : (콜백 함수) 이벤트가 발생하면 실행되는 함수 - 매개변수 () 괄호를 넣지 않아도 된다! addEventListener: 이벤트를 등록할 수 있다. removeEventListener: 이벤트를 삭제할 수 있다. // 예시: 클릭을하면 alert 창을 발생하도록 하는 event..