Judaeng

✅Subclass Dance Party(ES5(pseudoclassical), ES6(class) 각각 리팩터링 하기) Sprint를 하면서 상속과 다형성의 특징을 많이 연습할 수 있었다. 나한테는 많이 어렵고, 개념도 이해하는 시간이 많이 걸렸다...💧 나는 이 스프린트를 하면서 '배운 것 정리한 것을 토대로 정확하게 이해해보자'라는 생각을 했다. 그래서 천천히 코드를 다 읽고, 이해하려고 노력을 많이 했었다. 더보기 CSS, JS를 기본적으로 꾸미고 이해해보자 색을 변경해보세요 페이지 안에서 돌아다니게 만들어보세요 사이즈가 커졌다 작아졌다 하도록 만들어보세요 동그란 모양 말고 다른 모양도 그려보세요 회전하도록 만들어보세요 이미지를 사용해보세요 (태그 또는 CSS background-image 속성) ..

✅객체 지향 프로그래밍 사용해보기(pseudoclassical, class) 프로토타입기반 언어인 Javascript에서 Prototype을 통해 객체를 생성을 할 수 있는 방법들 중 pseudoclassical한 방법과 class 표현식을 이용하는 방식 두 가지를 이용해 직접 구현해 보았다. class를 사용하는 것이 훨씬 편한 느낌이 든다. 하지만 과정을 이해하고 pseudoclassical 한 방법을 먼저 공부하고 사용해는 것이 도움이 많이 되었다. ✅상속, 다형성을 연습해보는 Sprint(beesbeesbees, Subclass Dance Party) 계속 배워오던 객체지향 방식을 사용해 간단한 Sprint를 연습했다. prototype을 머리로 생각하고 공부하는 것보다 직접 코드로 쳐보니 어렵고..

✅객체 지향 프로그래밍(OOP in JavaScript) Blogging 객체가 무엇인지 알아보고, 객체지향 프로그래밍의 특징 4가지, 클래스와 인스턴스가 무엇인지, '프로토타입 기반 언어'까지 정리했다. (주말에 정리) prototype, __proto__, constructor 속성들의 역할들을 이해하고, 공부하는 시간에 이렇게 시간을 쓸 줄 몰랐다... 동기분들은 어떻게 정리를 했지 하고 블로그를 눈팅했는데 너무 쉽게 정리를 해버려서 당황스러웠다💧 🍒Remember ✅객체 = 속성 + 행동이다. ✅객체지향 프로그래밍 특징 4가지 캡슐화 (Encapsulation) : 한 객체에서 비슷한 역할을 하는 속성, 메서드를 캡슐처럼 한 곳(클래스)에 담는 것 추상화(Abstraction) : 복잡한 문제를 ..

지난 글에선 객체지향 언어에서 핵심이 되는 개념인 클래스(Class)에 대해 정리한 글을 작성했다. 오늘은 Javascript에 프로토타입(Prototype)이라는 개념을 정리하려고 한다. 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 객체지향의 상속 개념과 같이 부모 객체의 프로퍼티를 마치 자신의 것처럼 쓸 수 있는 특징이 있다. 자바스크립트에서는 이러한 부모 객체를 프로토타입 객체라고 부른다. 클래스라는 개념이 존재하는 Class 기반 언어들은 상속을 사용한다. Class 기반 언어들의 예를 들자면 Java, C++ 등이 있다. 하지만 Javascript는 이와 달리 Prototype 기반 언어이다. 클래스가 없기 때문에 상속 같은 기능도 따로 존재하지 않는다. 정리하자면..