본문 바로가기

전체 글

(102)
Chapter 19. 표준 객체 1. 전역 객체와 래퍼 객체 표준 객체는 자바스크립트에서 이미 정의된 객체들을 말하며, 자바스크립트에서는 해당 객체에 포함된 메소드를 어디서나 접근할 수 있다. 전역 객체 또한 객체이므로 this 연산자를 통해 접근이 가능하며, 해당 객체에 있는 프로퍼티는 새로운 페이지로 로드되면 초기화된다. 래퍼 객체(wrapper object)는 변수에 담긴 데이터를 감싸는 객체로 일부 문법이나 제어문에서 특정 함수나 데이터를 참고하기 위해 임시로 생성한 객체를 말한다. var str = "문자열"; // 문자열 생성 var len = str.length; // 문자열 프로퍼티인 length 사용 위의 예시와 같이 str이라는 문자열에 대한 객체를 생성하지 않았음에도, 해당 객체 안에 담긴 length 값을 가져오고..
Chapter 18. 정규 표현식 (데이터의 문자열 검색 및 추출) 1. 개요 정규 표현식(regular expression)은 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴을 말한다. 검색 패턴은 모든 종류의 문자열 검색이나 교체 등의 작업에서 사용이 가능하다. 2. 정규 표현식의 생성 정규 표현식은 리터럴을 사용하여 생성하거나 이미 정의된 RegExp 객체를 이용하여 생성할 수 있다. var regStr = /a+bc/; // 정규 표현식 리터럴을 이용한 생성 var regObj = new RegExp("a+bc"); // RegExp 객체를 이용한 생성 regStr; // /a+bc/ regObj; // /a+bc/ 3. 단순한 패턴 검색 정규 표현식을 사용하여 단순한 패턴을 검색하고자 할 때는, 찾고자하는 문자열을 직접 나열하면 된다. ..
Chapter 17. 예외처리 1. 개요 예외(exception)란 프로그램이 실행 중에 발생하는 런타임 오류를 말한다. 사전에 런타임 오류를 방지하는 것이 좋겠지만, 이미 발생한 예외 동작에 대해서 처리하는 것 또한 중요하다. 예외를 발생시켜 예외 상황을 판단할 수 있으며 자바스크립트는 throw 표현식;을 사용한다. 표현식에는 예외 코드를 나타내는 숫자나 오류 메시지, Error 객체 등이 올 수 있다. 2. 예외 처리(exception handling) try { 예외를 처리하길 원하는 실행 코드; } catch (ex) { 예외가 발생할 경우에 실행될 코드; } finally { try 블록이 종료되면 무조건 실행될 코드; } 1) try 블록: 기본적으로 맨 먼저 실행되는 코드이며, 여기에서 발생한 예외는 catch 블록에서..
기본 이론으로 올라온 글들이 굉장히 두서 없이 느껴지실 수 있습니다. 공부를 하면서 교수님들의 말씀을 바로 캐치하고 정리한 것이기 때문입니다. 이에 우선은 기본 이론 및 프로젝트 개발기 등을 먼저 포스트하고, 수정은 1월 중으로 시간을 할애하여 모두 끝내려 합니다. 방문자분이 많지는 않고 대부분 정보처리기사를 보러 오시지만 혹시나 해서 남겨둡니다. 화이팅합시다.
Chapter 16. 이벤트 1. 개요 이벤트란 웹 페이지에서 HTML 요소에 나타나는 사건을 말한다. 이벤트는 동작을 유발시키는 사건이나 대상, 이에 따른 동작과 동작에 따른 결과로 구성된다. 결과는 대부분 기능, 화면 변화를 말하며, 보이지 않는 요소의 데이터 변화 또한 결과에 해당한다. 이벤트가 수행하는 것은 하나의 동작이기 때문에 '동적인 특성'을 가지는데, 동적인 특성을 정의한 것이기 때문에 function에서 이를 정의한다. 이벤트를 유발하는 요소는 클릭, 키 누름, 키 땜 등 다양하며, 프로그래머는 이를 적절하게 사용하여 이벤트를 정의한다. 2. 이벤트를 동작시키는 방법 이벤트를 동작시키는 방법에는 다양한 경로가 있다. 태그에 동작에 대한 속성을 정의하여 함수를 실행할 수도 있고, 혹은 자바스크립트 안에서 이벤트 리스너..
Chapter 15. 브라우저 객체 모델 (BOM) 1. 개요 브라우저 객체 모델(BOM)은 HTML이 구동되는 브라우저에 대한 객체 모델을 말한다. DOM과 마찬가지로 특정 데이터에 접근하여 이를 조작하거나 혹은 데이터를 받아 기능을 구현할 수 있다. 구동되는 브라우저를 기준으로 하기때문에 Document 안에서 확인하기 어려운 요소를 제어할 수 있다. 창을 종료하거나 스크롤에 따른 상태바를 구현하는게 바로 BOM을 이용한 기능이다. 2. Window 객체 window 객체는 웹 브라우저의 창을 나타내는 객체로 쉽게 말해 웹에서 지금 보고있는 화면 전체를 말한다. window라는 객체가 이미 정의된 상태이며, Document는 window의 프로퍼티 중 하나이다. 이에 따라 Document 에서도 브라우저의 프로퍼티에 접근이 가능하다. 1) 브라우저 창..
Chapter 14. Document Object Model 1. 개요 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 기법으로 일종의 인터페이스에 해당한다. DOM은 W3C의 표준 객체 모델이고 html의 경우 다음과 같은 계층 구조로 표현된다. JavaScript에서는 HTML의 연결된 데이터를 가져올때 주로 사용하지만 자바스크립트 외에 XML이나 JSON에서도 사용하는 기법이다. 2. DOM의 기본 용어 정의 종류 내용 Element 요소, 문서를 구성하고 있는 단위, HTML에서는 태그가 여기에 해당한다. node 컴퓨터가 마크업 데이터를 해석하기 위해 잘라둔 조각이다. 쉽게 말해 컴퓨터가 데이터를 해석하기위해 지정한 식별키와 데이터의 조합을 말한다. (식별키는 데이터를 분류하는데 필요) node..
Chapter 13. 객체의 이해 1. 객체의 이해 객체는 실세계에서 우리가 인식하는 사물을 말한다. 쉽게 말해 데이터의 집합을 객체라고 한다. 객체는 데이터의 집합이기 때문에 자바스크립트 또한 객체라고 할 수 있고, 자바 스크립트에서 사용되는 데이터도 객체로 볼 수 있다. 자바스크립트에서는 숫자, 문자열, 불리언, 언디파인트 타입을 제외하면 모든 것이 객체에 해당한다. 하지만 이런 데이터들 또한 값이 정해진 객체로 취급된다. 2. 객체의 프로퍼티 참조 객체이름.프로퍼티이름 프로퍼티(property)는 객체 지향 프로그래밍 언어에서 필드와 메소드 간 기능의 중간인 클래스 멤버의 유형으로, 쉽게 말해 객체와 연관된 값을 담고 있는 ‘변수’를 말한다. 객체에 포함된 프로퍼티는 객체라는 공통점을 가지고, 이 객체가 가진 특성을 값으로 할당하고..