자바스크립트에서 프로토타입이란 무엇인가요? 프로토타입 상속이 어떻게 작동하는지 설명해주세요.

[365kim]

• 자바스크립트에서 프로토타입이란 무엇인가요?
• 프로토타입 상속이 어떻게 작동하는지 설명해주세요.

[365kim]

공유하고싶은 자료 & 개인적으로 정리한 블로그 등이 있다면 여기👇👇👇에 댓글로 공유해주세요 😆

[365kim]

프론트엔드 인터뷰 핸드북 - 면접질문 해설

[365kim]

PoiemaWeb - 프로토타입

[365kim]

JAVASCRIPT.INFO - 프로토타입 상속

[yujo11]

Object Prototypes / MDN

[hchayan]

핵심키워드: proto , 객체
경험요약: ES6의 수혜자로, prototype을 직접적으로 다뤄본적이 없다.
스터디회고: JS에서 프로퍼티를 탐색하는 과정에서 현재 스코프에 없으면 prototpye에서 검색하는 과정이 일어나는것이 프로토타입 상속이였다. 프로토타입에 대한 전반적인 이해도 아직 부족함을 느낀다.

[swon3210]

핵심키워드 : 생성자 함수, proto, prototype 객체
경험요약 : 상속을 구현하는 경험을 말하기 보다는 어떤 식으로 상속을 프로토타입으로 구현할 수 있는지를 말함
스터디회고 : 자바스크립트 상속과 클래스에서의 상속의 차이를 처음부터 말하는 것이 좋을 것 같다.

[yungo1846]

핵심키워드: prototype, 참조, 프로로타입 체인
경험요약: 객체 지향 언어에서 클래스 기반의 언어와 프로토타입 기반 언어의 차이점을 언급했다.
스터디회고: 프로토타입은 자바스크립트의 핵심 기능이니 만큼 잘 알고 있다는 인상을 주는 것이 중요하다. 최근에 프로토타입을 유전자에 빗대어 설명하는 유튜브 영상을 봤는데 쉽게 설명하기 좋은 것 같다.

[zigsong]

핵심키워드: 상속, 프로토타입 체인, getPrototypeOf vs __proto__
경험요약: 변수에서 메서드를 사용할 때 어떻게 메서드를 찾아가는지 (이론적으로) 설명함
스터디회고: 프로토타입을 아직도 겉핥기 식으로 이해하고, 구체적인 학습이 조금 부족한 것 같다! 프로토타입의 생성자에 대해서도 설명하면 좋겠다

[0307kwon]

핵심키워드: proto, prototype
경험요약: 프로토 타입으로 상속을 구현해보라고 해서 당황 스터디 끝나고 같이해봤는데 Object.create가 동작이 이상해서 한참을 공부했다.
스터디회고: 프로토 타입을 말로 설명하기 너무 어렵다ㅠㅜ 좀 더 다듬어야겠다.

[yujo11]

핵심키워드: proto, prototype, proto, 프로퍼티
경험요약: 프로토타입의 개념에 대한 부분은 어느정도 설명이 가능했지만 깊게 들어가는 부분은 제대로 설명하지 못 했다.
스터디회고: Javascript에서 prototype은 핵심적인 개념이니 조금 더 깊이 있게 공부해보자.

[365kim]

• 핵심키워드 : 상속 __proto__ 프로토타입 기반 언어
• 경험요약 : Array.length
• 스터디회고 : 정의에 대해서 자신있게 얘기하지 못하고 pause가 많아서, 맞는 내용임에도 대답 완성도가 떨어지게 들렸다. static method인 Array.from()을 체이닝의 예시로 잘못들었다. 어떤 면접관의 경우 “얘 모르네”하고 꼬리질문 없이 넘어갈 수 있으니 한번도 생각해보고 정확하게 대답하는 것이 좋을 것 같다.

[zereight]

핵심키워드: 프로토타입, 프로토, 상속
경험요약: 자바스크립트가 프로토타입을 채택한 이유에 대해서 잘 대답하지 못했다.
스터디회고: 자바스크립트 상속을 prototype으로 구현해보고, 자바스크립트가 프로토타입 방식을 채택함으로써 얻을 수 있었던 이점을 정리하자.