🎄 성장일지 3.1

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?<br/> 성장하고 있는 것이 살아 있는 것이다.<br/> 생명의 유일한 증거는 성장이다!

🌳 키워드 (1.0)<br/> 최대한 간단하게 정리, 추후에 보면서 스스로 설명<br/> 🍉 경험 위주로 (2.0)<br/> 단순 정보를 전달하기보다 무엇을 배웠고 어떻게 해결했는지 짧고 간단하게 작성<br/> ❄️ 정해진 템플릿에 맞춰서 (3.0)<br/> 키워드, 경험 모두 좋다. 다만 매일 작성하기로 마음 먹은만큼 핵심만 간결하게 정리할 수 있게 템플릿을 작성 (3.1) 230102부터 시작되는 학습에 관한 내용 추가

🔑 오늘의 키워드

p179. 스태틱, 프로토타입, 인스턴스 메서드 예제 + Quiz 1, 2)

function Test() {};

Test.staticMethod = function() { console.log('스태틱 메서드입니다.') };

Test.prototype.prototypeMethod = function() { console.log('프로토타입 메서드입니다.') };

const test = new Test();

test.instanceMethod = function() { console.log('인스턴스 매서드입니다.') };

Quiz1) 위의 코드에서 새로운 객체(인스턴스) test2를 선언하면 test2는 어떤 메서드(들)를 갖고 있나요?

예상답안

const test2 = new Test();

// test2가 직접 갖고있는 메서드는 prototypeMethod()
test2.prototypeMethod();

Quiz2) test2에서 스태틱 메서드에 접근할 수 있는 방법이 있을까요?

예상답안

test2.constructor.staticMethod()

p182. Quiz 3) 클래스 상속을 프로토타입으로 구현해보기

아래의 클래스를 프로토타입으로 표현해주세요!

class Animal {
	constructor(name, age) {
		this.name = name;
		this.age = age;
	}
}

class Dog extends Animal {
	constructor(name, age) {
		super(name, age);
	}

	bark() {
		console.log('멍멍!');
	}
}

예상답안

// 1번 방법
function Animal(name, age) {
	this.name = name;
	this.age = age;
}

function Dog() {
	this.bark = function() {
		console.log('멍멍!');
	}
}

Dog.prototype = new Animal('hodu', 3);

const hodu = new Dog();

console.log(hodu.name); // 'hodu';
console.log(hodu.age); // 3
hodu.bark(); // '멍멍!'

// 2번 방법
function Animal(name, age) {
	this.name = name;
	this.age = age;
}

function Dog(name, age) {
  Animal.call(this, name, age);
	this.bark = function() {
		console.log('멍멍!');
	}
}

const hodu = new Dog('hodu', 3);

console.log(hodu.name); // 'hodu';
console.log(hodu.age); // 3
hodu.bark(); // '멍멍!'

참고

• 책: 코어 자바스크립트

📝 요약 및 하루 간단 회고

마지막 챕터인 class를 끝으로 코어 자바스크립트 스터디를 완료하였다. 조금은 부담이 되었던 것도 사실이다. 스터디부터 책을 제안한 것도 나였기 때문이다. 하지만 어느새 공부를 하고 스터디를 준비하는 시간이 오히려 학습에 생기를 불어넣어주었다. 또, 교육 도메인에도 관심이 생기게 되면서 일석이조가 아니었나 생각이 든다. 열심히 참여해준 스터디원들에게도 너무 고맙고 감사하다. 아직 많이 부족하지만, 아주 조금이라도 팀원들에게 도움이 되었으면 좋겠다. 스터디는 이제 시작이고 앞으로 더 많이 도움되는 활동으로 가져가볼 생각이다! 약간의 부담과 조금의 책임감을 갖고 스터디원들과 함께 좋은 시너지를 내면서 성장할 수 있도록 하자!

오늘의 잘한 점

• 윈도우 노트북, 리눅스로 전환 완료(추후 보름칼럼 작성 예정)
• 스터디 첫 책 잘 마무리한 점 :)

오늘의 아쉬운 점

• 계획에 적어놓은 것을 다하지는 못한 점..? 근데 이건 괜찮다~!

undefined