웹브라우저 위에서 동작하는 기술 : html, css, JavaScript
이 세가지 기술들이 유기적으로 결합해 하나의 웹페이지를 만들고, 웹 애플리케이션을 만든다.
- html
- 정보 그 자체
- web의 시작 : 웹 초창기, 웹 서버가 정보(html문서)를 저장하고 있다가, 웹브라우저의 요청에 따라 웹브라우저에게 정보 전달
- web의 목적
- CSS
- 정보를 꾸며주는 역할. 디자인
- JavaScript
- 프로그래밍적으로 html을, 웹브라우저를 제어
- 디자인 자체는 CSS가 하는 것. 그 바뀐 디자인으로 변경시키는것 -> JS
버튼을 클릭했을 때, 디자인을 바뀌게 하는 것
<html>
<head>
<style type=“text/css”>
.dark {
backgroud-color: black;
color: white; }
.dark #selected {
color:yellow; }
</head>
<body class=‘dark’>
‘dark’생기게 하는 것 => JS의 역할
<ul>
<li>HTML</li>
<li>CSS</li>
<li id=‘selected’>JavaScript</li>
</ul>
<input type=‘button’ value=‘dark’ onclick=‘(여기에 JavaScript 실행)’document.body.className=‘dark’;> => tag에 해당하는 버튼을 클릭했을 때, JavaScript코드가 실행된다. document문서의 body태그에 classname값으로 ‘dark’를 준다.
개발자를 위해 한걸음씩