[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript
웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면
HTML, CSS, JavaScript 를 들 수 있겠다.
HTML 은 Contents 를 표현하는데 사용되고,
CSS 는 Visual 을 담당하고
JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다.
<!doctype html>
<html>
<head>
<meta charset="utf8"/>
<title>Hello World</title>
<style>
h1{ font-size:14px; color:hotpink; }
button{ color:red; }
</style>
</head>
<body>
<h1>Hello World</h1>
<button>Click Me!</button>
<button>Click Me2!</button>
<script>
var button = document.querySelector( "button" );
button.addEventListener( "click", function( event ){
alert( "Hello" );
}, false );
</script>
</body>
</html>
* querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다.
* addEventListener 의 parameter 들은 eventName, function, useCapture 이다.
이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작동한다.
capturingPhase 와 bubblingPhase 가 뭔지 궁금한가요? 여기를 클릭.