본문 바로가기

Programing/Javascript

javascript code beautify (pretty print) HTML에서 코드를 이쁘게 표현하기 위한 javascript 라이브러리를 찾아봤다. 내가 하고 싶은 것은 아래 세가지 였고 다했다. 1. 내가 화면에 보여줄 code (xml)의 HTML escaping INPUT : "" OUTPUT : "" 해결 : 간단한 html escaping 함수 function escapeHtml(unsafe) { return unsafe .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } 2. 한줄로 되어 있는 xml string의 auto indentation INPUT bbb ]]> OUTPUT bbb ]]> 해결 : vkBeauti.. 더보기
javascript class 상속 javaacript class를 만들고 상속하는 방법을 책에서 찾았는데 내가 이해한데로 정리한다. 먼저 javascript의 Object 클래스를 살펴본다. 자바스크립트에서는 객체를 만들면 객체들은 항상 하나의 prototype을 참조하고 있다. 이해가 안되도 같이 보쟈. 자바스크립트 콘솔에서 아래와 같이 Object.prototype이라고 치면 Object의 prototype객체를 return한다. 그러니까 class가 정의된 순간부터 prototype이라는 변수(property)에 이미 객체를 생성해서 가지고 있는 것이다. 진짜인지 아닌지 보자. property가 상속되는 것을 보기 위해 sum이라는 함수를 하나 추가했다. class를 선언하기만 했는데 MyObj클래스의 내부에는 이미 prototyp.. 더보기
javascript this javascript의 this에 대해서 궁금했는데 잘 설명해 놓은 글이 있어서 링크해놓는다. http://www.quirksmode.org/js/this.html Owner 아래에서 this는 어떤 것을 가리키고 있을까? function doSomething() { this.style.color = '#cc0000';} 자바스크립트에서 this는 항상 "owner"를 가리킨다. owner란 function을 실행시킨 객체를 가리키며 다른말로, function을 소유하고 있는 object라고 이해하면 되겠다. 위에서 this는 window object를 가리킨다. ------------ window --------------------------------------| / \ | | | | | this |.. 더보기