1. ES6 문법 소개 및 실습 1 (1) let, const - 2015년 이전 : var 사용 - let(변수), const(상수) 등장 : 선언 한번만, var는 여러번 해도 오류 안남 (2) arrow function : var add = function() {} ---- var add()=>{ } (3) 삼항 연산자 : condition? true인경우 : false인 경우 (4) 구조분해할당 (de(not) + structure + ing) - 구조 찢어버리기 - 배열, 객체 속성을 분해해서 변수에 담기 --배열 //구조분해-배열 let [val1, val2] = [1,"new"] ; //val1 = 1, val2 =new let arr = ["val1", "val2", "val3"]; let..

1. JS언어의 역사 & 특징 - AJAX 특정 기능만 새로고침 가능 --> 폭발적인 UX 증가(USER EXPERIENCE:사용자 편리함 경험) - 2008년 V8엔진 출시(구글) - 2009년 NODE.JS --> FRONT + BACK+DB(MONGO) == FULL STACK 가능 - (특징) 객체지향 / 동적 타이핑(let: 변수타입은 런타임때 결정) / 함수형 프로그래밍 / 비동기처리 클라이언트/서버 모두에서 사용 가능 (node.js)-- 활용도가 좋음 2. 변수와 상수 - 노드설치 확인: vs코드에서 01.js파일 생성 후 터미널에 node 파일명.js --> 출력 - 변수 (var, let) / 상수 (const) - 변수 5가지 주요 개념 (1) 변수 이름 : 저장된 값의 고유 이름 (..

* [출처] 이웅모, 모던 자바스크립트 Deep Dive 자바스크립트의 기본 개념과 동작원리(2020) , 위키북스, p.492-507 * 책 읽고 공부한 내용 정리한 TIL 입니다. (정보 전달 목적이 아니라 개인 기록용이니 참고 바랍니다.) [ctrl + f 로 찾아쓰기] * length 프로퍼티 * 희소배열 (배열생성) * Array.of * Array.from (배열 요소 삭제) * Array.splice(삭제 시작할 인덱스, 삭제할 요소 개수) 27장. 배열 (1) 생성,참조,추가,삭제 27.1 배열이란? - 배열은 객체 타입 - 배열 & 객체의 큰 차이점 : 값의 순서 / length 프로퍼티 - 배열의 생성자 함수 : Array - 배열의 프로토 타입 객체 : Array.prototype -..

* [출처] 이웅모, 모던 자바스크립트 Deep Dive 자바스크립트의 기본 개념과 동작원리(2020) , 위키북스, p.234-248 * 책 읽고 공부한 내용 정리한 TIL 입니다. (정보 전달 목적이 아니라 개인 기록용이니 참고 바랍니다.) 17장. 생성자 함수에 의한 객체 생성 17-1. Object 생성자 함수 [예제 17-01] //빈 객체 생성 const person = new Object(); //프로퍼티 추가 person.name = 'Lee'; person.sayHello = function() { console.log('Hi~ name is ' + this.name); }; console.log(person); // {name: "Lee", sayHello :f} person.sayHe..

* [출처] 이웅모, 모던 자바스크립트 Deep Dive 자바스크립트의 기본 개념과 동작원리(2020) , 위키북스, p.124-153 * 책 읽고 공부한 내용 정리한 TIL 입니다. (정보 전달 목적이 아니라 개인 기록용이니 참고 바랍니다.) 10장. 객체 리터럴 let person ={ name : 'Lee', // 프로퍼티 age : 20 // [구성] 프로퍼티 키: 프로퍼티 값 }; 10.1 객체란? - 프로퍼티의 집합 - 프로퍼티 값이 함수이면, [메서드]라고 함 = 객체에 묶여있는 함수 10.2 객체 리터럴에 의한 객체 생성 - 객체 리터럴은 중괄호{...} 내에 0개 이상의 프로퍼티 정의 > 변수에 할당되는 시점에 JS엔진이 객체생성 - [인스턴스] : 클래스에 의해 생성되어 메모리에 저장된..