전체 글104 [JavaScript] Array, APIs 드림코딩 by 엘리 [ JavaScript ES6, 배열개념과 APIs 총정리 ] 공부 내용 정리 Array 자료구조 - 서로 비슷한 object들을 묶어놓는 것 배열 - 칸칸이 모여있는 자료구조 - index가 지정되어 있다 ( 0 1 2 3 4 ) - 한 배열 안에는 동일한 type의 object들을 담아놓는 것이 좋다. Declaration const arr1 = new Array(); const arr2 = [1, 2]; Index position const fruits= ['🍎', '🍌']; console.log(fruits); //['🍎', '🍌'] console.log(fruits[0]); //🍎 console.log(fruits[1]); //🍌 console.log(fruits[fruits.. 2020. 6. 8. [JavaScript] Object 드림코딩 by 엘리 [ JavaScript ES6, 오브젝트 넌 뭐니? ] 공부 내용 정리 Object - object = {key, value} - key(우리가 접근할 수 있는 변수(property))와 value(그 변수가 가지고 있는 값)의 집합체 Literals & Properties const name = 'ellie'; const age = 4; // primitive type은 변수 하나당 값을 하나만 담을 수 있다. print(name, age); function print(name, age){ // 따라서 이를 출력하는 함수를 만들 경우 name, age를 각각 parameter로 전달해야 한다. // name, age, address, height 등 인자가 많아질 경우 정리와 관리가.. 2020. 6. 7. [JavaScript] Class/Object, Getter/Setter, Pubilc/Private, Static, 상속/다양성, InstanceOf 드림코딩 by 엘리 [ JavaScript ES6 - 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 ] 공부 내용 정리 Class / Object Class를 이용해 Object를 찍어낸다. Class : 찍어내는 틀 - 붕어빵틀 - template - 틀만 정의하는 것이기 때문에 한 번만 선언한다. - 데이터가 들어있지 않다. 정의만 한 것이라 메모리에 올라가지 않는다. Object : 찍어낸 형태 - 팥붕어빵 크림붕어빵 -instance of a class - Class를 이용하여 새로운 인스턴스를 생성하면 Object가 된다. 굉장히 많이 만들 수 있다. - 실제로 데이터를 넣는 곳. 메모리에 올라간다. constructor : 생성자 - Object를 만들 때 필.. 2020. 6. 4. [JavaScript] Default / Rest parameters / Arrow function 드림코딩 by 엘리의 [ JavaScript ES26 -Arrow Function은 무엇인가? 함수의 선언과 표현 ] 공부 내용 정리 Default parameters - 값이 전달되지 않은 매개 변수에 undefined가 아닌 원하는 기본값을 설정하는 방법이다. - 함수를 기본값으로 사용할 수도 있다. function showMessage(message, from = 'unknown') { console.log(`${message} by ${from}`); } showMessage('Hi!') Hi! by unkown - 위의 코드에서 parameter로 message와 from 두 값을 전달하기로 하고 ('Hi!')값 하나만 전달했으므로 아무것도 전달하지 않은 두번째 parameter 'from'에는.. 2020. 6. 4. 이전 1 ··· 18 19 20 21 다음
