전체 글

super 키워드 super() 키워드는 상위(부모)객체의 함수를 호출할 때 사용됩니다 단, constructor(생성자) 안에서는 super 키워드 하나만 사용되거나 this 키워드 전에 먼저 호출되어야 합니다 부모 클래스의 영역을, 자식클래스(나)도 포함하고 있는 경우! 중복을 줄이려고 그때, 사용하는 키워드 'super' super 형태 2가지 1.super() = 부모 클래스의 생성자(constructor) 2.super. = 부모클래스의 class Person { constructor(name, first, second){ this.name =name; this.first=first; this.second=second; } sum(){ return this.first+this.second; } ..

Class inheritance 상속을 쓰는 이유: 중복코드를 제거하기 위함. 즉, 부모클래스를 일일이 쓰지않고, 데려와 새로운 기능을 자식 class에 추가해 주고 싶을때 형태 : 자식클래스인 PersonPlus 는 부모클래스인 Person의 속성을 가지고 와서 공유한다 따라서, 부모클래스 Person의 속성을 수정한다면, 자식클래스 PersonPlus 속성도 수정됨 //부모클래스 class Person { constructor(name, first, second){ this.name =name; this.first=first; this.second=second; } sum=()=>{ return (this.first+this.second); } } //자식클래스 class PersonPlus exte..

배포링크: https://jieun9999.github.io/fe-sprint-my-agora-states/ My Agora States kimploo / 2022.4.22 오후 2:08:33 jieun9999.github.io 나만의 아고라 스테이츠를 만들어보았다. 자랑스럽게 베어미니멈을 완수했다. 배포링크도 만들고, pull request 도 완료해보았다. 특히, 위에 입력창에 정보를 입력하면, 아래에 데이터가 가시적으로 누적되는 것이 신기해따.. 헤헤 배운점 = '메타인지' 기르기 내가 뭘 알고, 뭘 모르는지 파악하기 내가 처음에 빠뜨린 부분은 첫번째 배열에 해당하는 정보를 다 받아놓기만 했다는 것이다. 40개의 배열은 out of 안중 반복문을 고려하여, 콘솔을 보면서 문제를 찾아야 했음 >>동시..

Class는 뭐다? constructor 메소드를 사용해 보다 쉽게 객체를 만드는 공장! prototype 기반의 객체를 만드는 공장이 있고, (보기쉬움) class 기반의 객체를 만드는 공장이 있다. // 생성된 객체를 어떻게 초기화? // 먼저 실행되도록 만들어진 constructor 함수를 class 내에서 구현 class Person { constructor(name, first, second){ this.name =name; this.first=first; this.second=second; } sum=()=>{ return 'class : '+(this.first+this.second); } } let kim = new Person('kim',10,20); kim.sum = function()..

prototype(유전자) -객체들이 공통적으로 사용하는 속성값 프로토타입을 사용하지 않고, 생성자 함수 안에서 메소드를 직접 정의한다면 어떤 비효율? - 객체를 생성할때마다 중복적인 메소드로 인해, 메모리 낭비가 생김 그 비효율을 프로토 타입을 통해 어떻게 극복했는지? -객체들이 공통으로 사용하는 속성값(프로토타입)을 정의해서, 객체 안에 일일이 메소드를 쓰는 과정을 생략해, 효율적인 메모리 사용가능 function Person(name,first,second){ this.name =name; this.first=first; this.second=second; } //형태 Person.prototype.sum=function(){ return 'prototype : '+(this.first+this.s..

Constructor function(생성자 함수) 객체 양산 함수, 즉 객체를 찍어내는 함수이다. 이전에는 하나의 객체마다 키와 값을 부여해줬다면, 컨스트럭터와 new 라는 객체생성 키워드를 사용하여 컨스트럭터에 정의되어 있는 속성과 메소드를 한번에 받아올 수 있고, 각각의 값은 매개변수로 받아 각 상황마다 변경하여 사용할 수 있다. // 함수에 매개변수를 만들어준다 function Person(name,first,second,third){ this.name =name; this.first=first; this.second=second; this.third=third; this.sum=function(){ return this.first+this.second+this.third; } } // 생성자함수..

this = '나'! this는 this가 속해있는 메소드가 속해있는 객체를 가리킴! 객체의 이름이 바뀌어도 원래의 로직을 유지할 수 있어서 재사용에 도움이 됨. let kim = { name:'kim', first:10, second:20, sum:function(){ return this.first+this.second; } } console.log("kim.sum()",kim.sum()); //kim.sum() 30

//내장객체 Math console.log("Math.PI", Math.PI); console.log("Math.random()",Math.random());//객체에 소속되어 있을때는 메소드, 메소드는 본질적으로 함수 console.log("Math.floor(2.6)",Math.floor(2.6)); //나만의 객체 만들어보기 //객체는 그룹핑해서 이름을 붙인것이다 let MyMath = { PI:Math.PI, random:function(){ return Math.random(); }, floor:function(val){ return Math.floor(val); } } console.log("MyMath.PI",MyMath.PI); console.log("MyMath.random",MyMath..