Front-end

자바스크립트 클래스 상속(생성자함수)

한참 스터디 중인 자바스크립트에서 클래스를 상속하는 방법에 대해서 정리해 보겠습니다. 배우는중이라 틀린 부분이 있다면 댓글로 알려주시면 감사하겠습니다.^^ 자바스크립트책을 조금 읽어보신 분들은 자바스크립트에는 클래스가 없다는 것을 알고계실 겁니다. 자바스크립트에는 생성자함수만 있는데 부모 생성자함수를 자식 생성자함수가 상속받아서 사용하기위해서 두가지 방법이 있습니다.  방법은 아래와…

자바스크립트 객체 개념 익히기

주변에서 자바스크립트 객체가 무엇인지 궁금해 하시는 분이 계셔서, 비전공자가 이해하기 쉽도록 정리를 해보도록 하겠습니다. 잘못된 정보가있으면 댓글로 알려주시면 수정하도록 하겠습니다. 우선 객체는 사람, 자동차, 건물, 새, 고양이, 선풍기, 믹서기, 냉장고등 현실에 존재하는 모든 물건 이라고 보시면 됩니다. 이러한 객체는 프로그래밍 관점에서…

자바스크립트 싱글톤

작업하다가 싱글톤으로 짜여진 소스를 볼 수 있었다. 유명하긴 하지만 처음 본 디자인패턴이라 본김에 정리하고 익숙해 져야겠다. 싱글톤패턴은 클래스(생성자함수)의 인스턴스를 오직 하나만 유지한다. 동일 클래스로 객체를 여러개 생성해도 최초 생성된 객체하나만을 얻게된다. 사실 자바스크립트는 클래스가 없기때문에 객체는 다른 객체와 같지않기 때문에…

javascript 에서의 new 사용

페이스북에 캡슐화 질문 올렸다가 캡슐화랑은 상관없지만 깔끔한 답변을 받아서 공유합니다. 자바스크립트의 new 구문은 매우 특수합니다. 자바의 new처럼 보일지 몰라도 의미가 전혀 다릅니다. 자바에서 new 구문의 의미는 다음과 같습니다. new 뒤에 지정된 클래스의 인스턴스를 만들고, 해당 클래스에 생성자 함수가 있는 경우…

자바스크립트 객체 생성 방법과 차이점

객체 생성 방법에 대해 나름 정리해 보았습니다. 자바스크립트에는 다른 언어이 가지고 있는 클래스가 없다는 것을 많이들 알고계실 겁니다. 그래서 객체를 생성시 일급객체인 함수(생성자함수)를 사용하거나 객체리터럴 방식을 사용해서 객체를 만들어 낼 수 있습니다. 먼저 생성자 함수를 사용한 객체생성을 보겠습니다.

*일반적인…

jquery plugin 만들기

제이쿼리 플러그인 만들기 위해서는 제이쿼리의 prototype에 함수를 추가해야한다. 자바스크립트의 object객체의 prototype추가하는거와 비슷한 개념인듯.. 확실치 않다. 이를 위해서 플러그인의 전용 유효범위를 만들어 주어야한다. 그래야 다른 사람이 제이쿼리외의 목적으로 $를 사용할 경우에도 플러그인의 정상적인 작동을 보장할 수 있다. (function($){ //플러그인 코드 삽입…