상속 2

[JavaScript ES6]객체지향(OOP) class(생성자,상속,메소드,getter,setter,instanceof)

Javascript는 객체지향 프로그래밍 언어이다. React를 공부하기 시작하며 Javscript 객체지향에 관한 지식이 부족함을 인지하고 공부한 내용을 기록한다. 해당 글은 기존의 글들과 비슷한 내용을 가진 부분들이 있다. 이 글은 최종 정리본에 가까우니 추가적으로 모르는 글들은 javascript section의 글들을 봐주면 감사하겠다. 😀 ✨JS 객체지향 프로그래밍 정리!(Object Oriented Programming, OOP) ! JavaScript OOP의 특징은 ES6이상의 브라우저에서만 동작하는 게 큰 특징이다. 🔹this var kim = { name:'kim', first:10, second:20, sum:function(){ return this.first+this.second;..

[JavaScript] 상속(inheritance), 프로토타입

상속이란? 객체는 연관된 로직들로 이루어진 작은 프로그램이라고 할 수 있다. 상속은 객체의 로직을 그대로 물려받는 또 다른 객체를 만들 수 있는 기능을 의미한다. 단순히 물려받는 것이라면 의미가 없을 것이다. 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해 준다. 쉽게 생각하기 위해 예제를 들어보자 객체는 하나의 컨테이너라 생각해 본다. 그 안에는 변수, 메소드가 포함되어 있다. 이때 객체의 특성을 통해 기존 객체를 물려받은 새로운 객체를 만들 수 있다. 이때 물려 받은 아들 객체(새로운 객체)는 부모 객체(원본 객체)와 동일한 기능을 가지게 된다. 아들 객체(새로운 객체)는 부모 객체(원본 객체)의 특정 기능은 제거, 추가하여 자신의 맥락에 맞게 재활용하게 된다.이러한 과정이 상..