본문 바로가기

제 13장. 웹 브라우저와 자바스크립트 웹 브라우저와 자바스크립트 의 예제 1. HTML 내부에 스크립트 사용하기 기존에 많이 사용하는 방법이다. 사이에 태그로 닫아주면 된다. 2. 외부 파일 첨부해서 사용하기 script 속성 중 src 를 추가해서 사용하면 된다. 3. 스크립트 언어 지정하기 1) meta 태그 이용하기 meta 태그는 일반적인 웹페이지에 있어서 그 표현방식에는 영향을 주지 않고 웹제작 정보, 문서, 내용 등의 정보를 제공하는 동시에 키워드를 표시하여 각종 검색엔진들이 해당 웹사이트를 검색할 시 참고하는 태그이다. meta 태그를 이용해서 브라우저의 기본 스크립트를 자바스크립트로 지정한다. 하지만, 이 태그를 선언하지 않았다면 기본 스크립트 언어를 자바스크립트로 인식한다. 만약 meta 태그에서 사용하는 스크립트를 사용하지.. 더보기
제 12장. 자바스크립팅 자바(Java) 와 자바스크립트(JavaScript) 는 완전히 다른 언어이다. 자바스크립트를 자바와 비슷하게 이름을 지은 이유는 네이버 찾아보시길...ㅎㅎㅎ 자바스크립트를 자바 언어에서 실행하고, 사용할 수 있도록 하기 위해 Java 6 이상의 버전에서는 ScriptEngineManager, ScriptEngine 등을 지원한다. RunScript.java 를 이용해서 실행한 결과는 이렇다. script 가 없으면, Runtime 오류가 발생한다. -D 뒤는 변수, = 뒤는 값으로 chomae.js 의 변수, 값으로 활용된다. 자바 스크립팅 자바스크립트 코드로 자바 객체의 필드를 읽고 설정하거나 메서드를 호출하기 위한 기능을 지원 데이터 타입 JavaClass, JavaObject, JavaArray .. 더보기
제 11장. 정규 표현식을 사용한 패턴 매칭 정규표현식의 예제 Script Sample 소스 Sample 실행 화면 1. test pattern/.test(문자열) 형식으로 pattern 과 일치하는 문자열이 있는지를 bool 형식으로 리턴한다. 5번째 소스는 뒷자리가 5자리로서 pattern 가 일치하지 않으므로 false 이며 16번째 소스는 뒷자리가 7자리로 pattern 가 일치하므로 true 이다 2. replace replace 과 정규 표현식을 사용하게 되면 강력한 기능을 구현할 수 있다. 문자열.replace(/pattern/, 변경할 형식) 으로 작성할 수 있으며, 변경할 형식에는 string 혹은 function 이 들어 갈 수 있다. 6번째 소스는 함수를 이용해서 주민번호를 잘못 입력했을 경우 주민번호 뒷첫째자리를 .. 더보기
제 10장. 모듈과 네임스페이스 모듈과 네임스페이스 의 예제 Script Sample 소스 Sample 실행 화면 네임스페이스를 지정하는 이유는 중복을 피하기 위해서이다. C#, Java 처럼 namespace, package 를 이용해서 구분하진 않지만, 흉내를 낼 수 있다. 위의 예제는 com.mainweb 네임스페이스를 지정하여, 하위에 Module 인스턴스를 생성한 경우이다. Module 이라는 인스턴스를 만들 경우 네임스페이스를 다르게 할 경우 에러가 발생되지 않는다. 클로저를 사용하여 private 프로퍼티로 설정할 수 있다. module 은 네임스페이스를 간결하게 표현하는 방법을 제시한다. 객체는 참조방식이므로 module 과 com.mainweb.Module은 같음을 알 수 있다. 그리고 module 인스턴스.. 더보기
제 9장. 클래스, 생성자, 프로토타입 클래스, 생성자, 프로토타입 의 예제 Script Sample 소스 Sample 실행 화면 Square Information 1. 자바스크립트는 C#, Java 처럼 완벽한 OOP를 지원하진 않지만, 비슷하게 흉내정도는 낼 수 있다. 위의 예제는 생성자 함수를 이용해서 객체를 생성하는 방법이다. 다른 언어들처럼 클래스에서 프로퍼티로 접근할 경우 this 를 사용해서 set, get 을 할 수 있다. 생성당시에 프로퍼티, 메서드를 정의해서 사용할 수 있지만, prototype을 이용해서 추가하는 방법도 있다. prototype으로 추가할 경우 내부 프로퍼티가 아니므로 hasOwnProperty는 false를 반환한다. String Test 2. 사용자 정의 클래스가 아닌 내장형 타입에서도 pr.. 더보기