Safflower's Blog Security Researcher

Unobtrusive JavaScript


<a id="goto" href="/">Go to home</a>
<script>
	$('#goto').click(function(){
		if(!confirm('Are you ready?')) return false;
	});
</script>

Unobtrusive JavaScript는 번역하면 거슬리지 않는, 겸손한, 절제된 JavaScript 정도로 표현할 수 있는데, 이는 위 소스코드와 같이 HTML과 JavaScript를 분리시켜두는 기술이다. 단순히 소스코드를 분리시켜두는 데에서 그치지 않고, 사용자의 웹브라우저에서 JavaScript가 정확히 동작하지 않는다 하더라도, 사용자가 여전히 웹사이트를 이용할 수 있게 하는 것이 이 기술의 궁극적인 목적이자 철학이다.

그 외에도 여러 가지 장점이 있는데, 그 중 하나는 유지 보수를 좋게 해준다는 점이다. HTML과 JavaScript를 분리시켜 둠으로써 보기 좋아지며, HTML과 JavaScript가 뒤엉킨 복잡한 페이지를 해집고 다니지 않고 비교적 쉽게 수정할 수 있다. 또한, 분리시킨 JavaScript를 파일로 따로 저장하여 import 한다면 웹브라우저에서 cache로써 사용하기에 트래픽 절약 및 속도 향상에도 기여할 수 있다.


Similar Posts

Comments