본문 바로가기

전체 글49

자바스크립트(javascript) 웹 브라우저 스크립팅. [1] 1. 웹 브라우저 스크립팅 자바스크립트 같은 스크립트 언어로 브라우저에서 실행될 수 있는 프로그램을 작성하는 작업을 웹 브라우저 스크립팅이라 한다. 웹 브라우저 스크립팅 환경 클라이언트 측 자바스크립트 프로그램 환경에서는 웹 브라우저, 웹 브라우저에 출력되는 웹 문서, 그리고 문서를 구성하는 HTML 요소 등 모든 것을 객체로 표현할 수 있다. 브라우저를 나타내는 객체 : WindowHTML 문서 및 요소를 나타내는 객체 : HTML DOM(Document Object Model) 브라우저 객체 Window 웹 브라우저의 기본 기능은 HTML 문서를 윈도우에 출력하는 것이다.자바스크립트에서 Document 는 HTML 문서를 나타내고 HTML 문서를 출력하는데 사용하는 웹 브라우저 또는 프레임을 나타내는.. 2017. 6. 20.
자바스크립트(javascript) 객체 응용 1. 네임스페이스 구현 자바스크립트 코드의 재사용과 생산성을 향상시키고자 많은 라이브러리가 나오고 있다.라이브러리를 제작할 때 일반적으로 가장 중요한 것은 다른 모듈로부터 독립성을 보장하고 상호 간섭하지 않게끔 고유한 네임스페이스(namespace)를 사용하는 것이다. 라이브러리의 독립성을 보장하기 위해 네임스페이스를 사용하자. 네임스페이스 구현을 위한 아이디어는 간단하다. 다른 라이브러리와의 변수 이름 충돌을 최소화하기 위해 전역변수는 되도록이면 사용하지 않는다. 대신 라이브러리별로 루트 객체를 하나 만들고 라이브러리의 모든 속성과 메서드는 해당 루트 객체의 속성으로 만드는 것이다. 라이브러리의 루트 객체 정의 예제로 만들 라이브러리의 루트 객체를 People 라고 하자 var People = Peop.. 2017. 5. 30.
자바스크립트(javascript) 내장 객체 - JSON 객체 JSON(JavaScript Object Notation)은 말 그대로 자바스크립트에서 사용하는 객체를 Plain text로 표현하는 방식이다. JSON으로 표현된 문자열을 이용하면 시스템 간에 쉽게 데이터를 주고 받을 수 있다.때문에 Ajax 스타일의 애플리케이션에서는 클라이언트와 서버가 데이터를 주고 받을 때 JSON이 거의 필수적으로 사용된다.자바스크립트에서는 JSON 표현을 파싱해 객체로 만들어줄 수 있는 능력이 갖춰져 있다. JSON 인터넷을 통해 전달되는 데이터 양이 많아지고 있는 가운데 문자열을 이용해 좀 더 가벼운 방식으로 데이터를 표현하기 위해 고안된 데이터 형식화 방법 중 하나가 JSON 이다. JSON 표현 XML 표현 { 'name' : 'Jusung' 'familyName' : '.. 2017. 5. 29.
자바스크립트(javascript) 내장 객체 - 정규식 객체 정규식은 자바스크립트 라이브러리를 만들 때 아주 유용한 도구다.경우에 따라서는 아주 복잡하고, 수많은 로직의 코드를 단 몇 줄로 끝낼 수도 있다.정규식은 검색하고자 하는 문자열의 패턴을 정의하는 풍부한 문법을 제공한다. 정의된 패턴은 지정한 문자열을 대상으로 패턴 매칭(pattern matching)을 수행하고 검색, 치환, 추출하는 작업에 사용된다. 정규식 객체를 사용하는 정파를 정리하면 다음과 같다. 정규식 정의(패턴+한정자)->정규식 객체->패턴 매칭->검색,추출,대체 정규식 객체 생성 - new RegExp, 리터럴 var re = new RegExp('h.*o', 'gmi'); // 생성자 이용var re = /\bh.*lo\b/i; // 리터럴 이용 var re = new RegExp("\\b.. 2017. 4. 4.