본문 바로가기

전체 글49

자바스크립트(javascript) 객체 1. 클래스 기반의 객체지향 보통 객체지향이라고 하면 클래스 기반의 객체지향을 주로 의미한다.객체지향의 특성을 잠시 정리해본다. 1) 객체, 메서드, 속성2) 클래스3) 캡슐화4) 집합5) 상속성6) 다형성 위와 같은 객체지향적인 특징을 자바스크립트로는 어떻게 구현할까? 캡슐화 캡슐화와 함께 나오는 개념으로 정보은닉(information hiding) 이 있다.내부의 구현이 어떻게 되어있는지 어떻게동작을 하는지는 사용자에게 숨겨져 있다.자바스크립트에서는 모든 메서드, 속은은 공개(public)로 정의된다. 그러나 비공개(private)특징을 구현하는 방법이 있다. 집합 몇 개의 객체를 합쳐서 하나의 객체로 만드는 것을 집합이라고 한다.이러한 집합 개념은 문제를 좀 더 작고 관리 수 있는 부분으로 나눠서 .. 2016. 8. 30.
자바스크립트(javascript) 변수 스코프 자바스크립트에서 변수를 관리하는 메커니즘은 일반 언어에 비해 특징적인 부분 중 하나다.자바스크립트의 변수 관리를 잘 이해하면 자바스크립트에서 혼란스럽거나 예민한 부분을 이해할수 있다. 자바스크립트에서 변수를 관리하는 메커니즘의 특징적인 부분을 3가지로 정리하면 다음과 같다. 1. 변수는 함수 단위로 관리한다.2. 실행 시의 변수 검색은 렉시컬 영역(함수내 정의 환경)을 기준으로 한다.3. 실행 시의 변수 검색은 변수 스코프 체인을 이용한다. 1. 함수 단위의 변수관리. 다른 프로그래밍 언어에서는 중괄호를 사용해 변수의 영역을 결정하는 것이 일반적이다.예를 들어 for문의 코드 블록 내부에서 정의된 변수는 외부에서 접근할수 없다. 하지만 자바스크립트에서는 함수를 이용해 변수 스코프를 정의한다.이것은 함수를.. 2016. 8. 28.
자바스크립트(javascript) 클립보드에 복사. 클립보드 복사가 정상적으로 수행이 되지 않을시 수동으로 프롬포트 띄워 복사를 가능하게 끔 한다. function copyLink() { var result = true; var targetText = arguments[0]; // 복사할 text if(window.clipboardData){ window.clipboardData.setData('text', targetText); // for IE }else{ var docArea = document.getElementById("clipboardArea"); docArea.parentNode.style.display = "block"; docArea.value = targetText; var rangeToSelect = document.createRang.. 2016. 8. 24.
자바스크립트(javascript) 의 함수 1. 자바스크립트 함수의 역할 자바스크립트의 함수를 흔히 객체지향 프로그래밍 언어의 메서드쯤으로 생각하는 경우가 많은데 그것은 큰 오해다.자바스크립트 함수와 메서드는 전혀 다른 개념이다.자바스크립트 함수는 메서드 역할을 할 수 있지만, 객체지향 프로그래밍의 메서드는 자바스크립트의 함수 역할을 할 수 없다. 자바스크립트 객체지향에서 함수가 이해하기 다소 어려운 이유는 메서드와는 다르게 함수가 몇 가지 역할수 수행할 수 있는 요소 이기 때문이다. 역할 구분 설명 역할 1 호출 가능한 루틴으로서의 함수. 역할 2 값으로서의 함수. - 인자로 전달 가능. - 변수에 할당 가능. - 다른 함수의 반환값으로 사용 가능. 역할 3 다른 인스턴스를 생성할 수 있는 요소. 객체 타입으로서의 함수. 대게 이미 호출 가능한.. 2016. 8. 3.