목차 1. Event 1.1. Element에 직접넣기 1.2. DOM 속성으로 넣기 2. addEventListener 2.1. addEventListener 사용방법 2.2. removeEventListener 3. PointerEvent(target, type) 3.1. target 3.2. type 3.3. target과 type의 활용 1. Event 브라우저 내에서 렌더가 되는 영역에서 발생하는 동작을 의미한다. ex) 마우스를 클릭하거나, 마우스를 올리거나 등등 브라우저에서는 영역에서 발생한 이벤트를 확인해, 특정 함수를 호출시킨다. 기능의 동작 구현 부분은 브라우저에서 이미 구현해 놓았기 때문에 사용하기만 하면된다. 쉽게말해, DOM에서는 브라우저에서 이벤트가 발생하면 특정 함수가 호출되도..

목차 1. DOM(Document Object Model) 1.1. 브라우저(Browser) 1.2. BOM(Browser Object Model) 1.3. DOM의 시작 2. DOM의 선택자 2.1. 선택자 2.2. 선택자의 종류 3. 배열의 조작 3.1. push 3.2. pop 3.3. splice와 slice 4. 선형검색(LInear Search) 1. DOM(Document Object Model) DOM은 Document Object Model 문서 객체 모형이라고 한다. DOM은 Javascript로 HTML을 조작할 수 있는 기능을 "브라우저"에서 제공한다. 그렇기 때문에 브라우저의 기능을 알아볼 필요가 있다. 1.1. 브라우저(Browser) 브라우저는 다음의 세가지를 해석해준다. HT..

목차 1. 객체 지향(Object Oriented) 1.1. 추상과 실체 1.2. 분류(Classify) 1.3. 상속 2. prototype 3. 날짜와 시간 : Data 객체 3.1. Number 1개 3.2. Number n개 3.3. String 3.4. 날짜 메소드 4. 조건(삼항)연산자 "?" 1. 객체 지향(Object Oriented) 프로그래밍을 접해보면, 객체 지향이란 단어를 필연적으로 접하게 된다. 객체 지향이란 무엇인가, 실제로 존재하는 객체(Object)들을 정의하여 이 객체들을 서로 상호작용하도록 프로그램을 설계하는 것을 객체 지향 프로그래밍이라고 한다. 1.1 추상과 실체 프로그래밍언어는 서구권에서 만들었다. 그래서 언어에 서구권의 생각이나 사상이 담겨있다. 의자는 영어로 Ch..

목차 1. 피보나치 수열 1.1. 풀이 1.2. 메모이제이션(Memoization) 2. 메서드(Method) 2.1. this 3. 생성자 함수 3.1.생성자 함수 생성하기 3.2.생성자 함수 생성 규칙 3.3.인스턴스 4. getter와 setter 1. 피보나치 수열 피보나치라는 수열을 중, 고등학교 때 수학을 공부 했다면, 대표적인 수열문제로 한 번씩 접해봤을 것이다. 피보나치 수열이란, 앞의 두 숫자를 더 한 값을 계속 반복해 나가는 수열이다. 1 1 2 3 5 8 13 21 34 55 89 144 .... 위 처럼 진행되는 피보나치 수열을 function을 이용해 구현해보자. 1.1 풀이 코드로 구현하기에 앞서 피보나치에 대해 생각을 해보자면, F(x) = F(x-1) + F(x - 2)로 F..

목차 0. 복습 1. 함수표현식 1.1. 함수 표현식 1.2. 함수는 값이다 1.2.1. callback 함수 1.3. 즉시함수 1.4. 화살표 함수 2. 객체 2.1. 객체 생성 방법 2.1.2. 객체에 키와 값을 추가 하는법 2.2. 객체 속성정보 추출 2.2.1. in 연산자 2.2.2. for in 반복문 3. 스프레드 연산자(...: Spread Operator) 3.1 스프레드(심화) 0. 복습 지난 시간에 배운 함수를 짧게 복습해보자. #. 함수의 사용방법 function 예약어를 이용해 함수를 선언하며 이를 함수 선언식이라고 한다. 문법은 다음과 같다. function 함수명(매개변수) { 실행코드 return } 함수명(인자) ##. 호이스팅 function 에는 var같이 호이스팅이라는..

목차 1. 함수와 코드 실행 1.1. 코드의 실행 1.2. 힙과 콜스택 1.2.1 익명함수 1.3. 함수 선언과 호출 1.4. 매개변수와 인자 2. 함수 문법 2.1. return 3. 호이스팅(hosting) 1. 함수와 코드 실행 오늘의 주인공인 함수(function)를 본격적으로 학습하기 전에 간단하게 훑어보고 코드 진행, 힙과 스택에 대해 알아보자. 함수의 기본적인 문법은 다음과 같다. function showMessage () { console.log('hello showMessage!') } function 함수명 () { 실행될 코드 } 이를 함수 선언이라고 하고 이렇게 선언해 놓은 함수를 실행하는 방법은 다음과 같다. showMessage() 함수를 실행하는 방법은 선언해 놓은 함수명과 괄..