[javascript] Prototype ?

-

자바스크립트는 프로토타입 기반으로 만들어진 언어라는 말을 많이 들어봤다.

개념을 확실히 차근차근 짚어 나가고 싶어서 여기저기 돌아다니다가,
정리가 아주 잘 되어있는 글을 발견했다!

출처: https://jsdev.kr/t/javascript-prototype/2853




< 요약 >



- 프로토타입의 사전적 의미는 원형.

- 자바스크립트에서 함수를 생성하면 함수객체와 함께 프로토타입이라는 객체가 동시에 생성.

- 각 객체는 분리되어 있고, 각각 해당되는 참조변수(prototype, constructor)를 사용하여 접근 할 수 있다.

- 각 객체는 분리되어 있는 것이기 때문에 함수 스스로는 프로토타입 값을 가질 수 없다.

- new 키워드를 사용하여 함수로 인스턴스를 찍어내면 this 객체가 함께 생성되고, 인스턴스에서 해당 객체를 사용할 수 있게 된다.

- 이때 this는 프로토타입을 가르키게 된다. 함수객체와 다르게 프로토타입에 접근 가능.

- 인스턴스에서 함수의 프로토타입에 접근하여 값을 수정하면, 인스턴스에 새로운 메모리가 할당되고 수정된 값을 저장한다. (함수의 프로토타입 값은 그대로다.)

- 프로토타입 체인이란 프로토타입이 다른 프로토타입을 참조 하는 것.

- 인스턴트가 자신이 상속받을 프로토타입 체인을 선택할수도 잇음.

- 객체 스스로가 프로토타입을 바꿔 타는 행위는 삼가.


글 하나만 읽고는 완벽히 이해가 되질 않아서 여러개 찾아서 읽어봤다.
이제서야 좀 알 것 같은 느낌이다.

+ 함께 읽어보면 좋을 글들

댓글

댓글 쓰기

☆ 잉기 ★

유튜브 iframe 스크립트로 삽입하기

-
한 사이트에서 정기 컨텐츠를 관리자 페이지에서 업로드 하는데, 어드민에서 iframe을 삽입했을 때 보안상의 이유로 게시글이 업로드 되지 않는다고 한다. 추후 업로드 게시물에는 youtube 영상을 삽입하고 싶은데 방법이 없냐는 문의가 왔다. embed나 object태그를 쓰면 안되냐는 내용이 있었고, 나도 익숙하지 않은 내용이라 검색해 보니 2015년 이후로 지원이 끊겨서 더 이상 업데이트 되고 있지 않다고 한다. https://www.w3schools.com/HTML/html_youtube.asp 그래서 해당 태그 사용으로 유튜브 로드 시 flash로 형성된다는 내용들이 있었다. 따라서 모바일 호환이 안된다. https://www.youtube.com/watch?v=vjh6z6EACqQ 유튜브가 삽입될 때 마다 내가 작업 하는 것은 비효율적이니, 코드를 잘 모르는 사람도 운영할 수 있도록 스크립트로 작업했다. 추후 운영시 data-url=""내에 iframe src값만 넣어주면 된다. 영상은 귀여운 내덩생.   See the Pen Create iframe inside a div by dribbles ( @dribbles ) on CodePen .
자세한 내용 보기

[Swiper] 특정 슬라이드로 이동하기

-
이미지 썸네일 클릭 시 갤러리용 팝업이 뜬다. 갤러리용 팝업에 swiper가 들어있어서 썸네일에 맞는 이미지가 swiper에 떠야 한다. pager를 클릭하도록 하고 싶었지만 최초 1회는 아직 pager가 로드되지 않는 상태라서 기능이 되지 않았다. 검색 해 보니 지원하고있는 method가 이미 있다. 참고:  https://stackoverflow.com/questions/23922480/go-to-a-specific-slide-with-idangerous-swiper
자세한 내용 보기