Javascript / 기초 / Inheritance, Object - oriented (상속, 객체지향)
Inheritance(상속)의 개념에 대해서 살펴본다. 상속은 객체지향 프로그래밍을 위해 중요한 내용이다. 그러나 객체지향 프로그래밍 자체에 대한 이해나, execution context, this에 대한 이해가 없다면 정확한 이해가 어려울 수 있다. 우선 class와 instance 등 객체지향방식 프로그래밍에 대한 개념과 execution context, this에 대한 종합적 이해가 필요하므로, 아래 링크 글들을 정확히 이해해야 한다. - 객체지향 프로그래밍 - Javascript / Execution context, this - Javascript / 함수 / call, apply, bind 1. prototype과 상속의 개념 prototype은 '원형' 이라는 뜻으로, 어떤 함수의 속성 중 하..
Javascript / 배열, 객체 / 구조 분해 할당(destructing)
1. 구조분해할당(Destructing) 이란? Array 나 Object에 들어있는 값을 변수에 간편하게 지정할 수 있는 표현법이다. 2. 배열의 destructing 1. 배열의 각 값을 한 번에 선언하기! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 let arr = [1, 2, 3, 4, 5] //일반적인 방법 let a = 1 let b = 2 let c = 3 ... //destructing let [a, b, c, ...d] = arr a // 결과 : 1 b // 결과 : 2 c // 결과 : 3 d // 결과 : [4, 5] cs 2. 값의 교체, 무시하기(뛰어넘기) 1 2 3 4 5 6 7 8 9 10 let arr = [1, 2, 3, 4, 5] let [a, b]..
Javascript / 객체 / Property shorthand
Property Shorthand는 객체 안에 key와 value를 쓸 때, 이미 변수로 선언된 key에 대해서는 굳이 value를 정의해줄 필요가 없는 것을 의미한다. 또는, key와 value값이 같을 때 이미 정의된 변수 값으로 value값을 지정해준다. 1234567891011let a = "b"let c = "d"let e = "f" //key값만 쓰기let couple = {a, c, e}couple // 결과: {a: "b", c: "d", e: "f"} //key와 value를 같은 값으로 쓰기let couple2 = {a:a, c:c, e:e}couple2 // 결과: {a: "b", c: "d", e: "f"}cs
