210115_TIL (OOP 써먹기, 간단한 게임 구현해보기)

🍎 오늘 한 일

---

✔️ 객체 지향 프로그래밍 사용해보기 (pseudoclassical, class ver.)
프로토타입기반 언어인 Javascript에서 Prototype을 통해 객체를 생성을 할 수 있는 방법들 중 Pseudoclassial한 방법과 class 표현식을 이용하는 방식 두 가지를 이용해 직접 구현해 보았다. class를 사용하는 것이 훨씬 편하기는 하지만, 전반적인 과정을 이해하는 데 Pseudoclassical 한 방법을 먼저 공부한게 도움이 되었던 것 같다.

✔️ 상속, 다형성을 기반으로한 게임 만들기
어제 배운 객체지향 방식을 사용해 간단한 게임을 만들어봤다. prototype을 글로만 공부하기보다는 직접 코드로 쳐보니 좀 더 개념이 잡히는 느낌이었다. 우선은 페어분과 게임 캐릭터(?)의 특성들을 상속과 다형성을 이용해 코드로 작성했다. pseudoclassical 버전, class 버전으로 모두 작성해보며 어떤 면에서 동일하고 어떤 면에서 다른 지 비교해보았다. 그리고 나서는 기본적인 게임 기능을 구현을 해봤는데, 랜덤한 위치에서 깜빡이는 캐릭터를 클릭하면 캐릭터가 사라짐과 동시에 점수가 올라가고, 일정 점수가 되면 사용자에게 게임을 클리어했다고 알려주는 부분까지 완성해보았다. 더 다양한 기능들을 추가하기 위해서는 좀 더 구체적인 계획을 미리 세워 두어야 할 것 같다는 생각이 들어 전반적인 그림을 먼저 그려보고 하나씩 기능을 더해보려 한다.

 

🍎 기억할 것

---

✔️ pseudoclassical하게 객체지향 구현하기
1. 자식 & 부모 연결하기 (call, apply)
2. 자식 기능 추가하기 (prototype의 할당 가능한(assignable) 특징 이용)
3. 상속 흉내내기 (Object.create)
4. 연결고리 끊기 (자식 생성자 함수의 constructor 를 자기 자신으로 재할당)

✔️ Object.create()
Object.create() 는 첫번째 인자로 들어가는 객체를 바탕으로 새로운 prototype객체를 생성하는 메서드이다. 기능을 '복사'한 새로운 prototype 객체를 만들기 때문에 부모와는 다른 참조값을 갖게 된다. 부모로부터 속성을 물려받지만 자식들도 각자 자신만의 기능을 추가하고 싶을 때(다형성 구현) Object.create() 메서드를 사용한다!

✔️ super 키워드
super 키워드는  자식이 부모를 호출할 때 사용한다. constructor에는 super만 적거나, this가 나오기 전에 호출되어야 한다!

 

🍎 더 공부할 것

---

✔️ 게임 구체적인 계획 세우기
✔️ 새로운 CSS 문법 더 알아보기
✔️ Particle System