웹페이지의 동작과정?
-웹페이지의 문서의 구조를 나타내는 HTML
-문서 각 요소들의 스타일을 나타내는 CSS
-정적인 문서의 구조와 스타일에 변화를 주거나 로직을 추가할 수 있는 JS
함께 동작한다.
브라우저의 변화는?
JS 코드를 실행 > HTML, CSS에 변화 > 브라우저에 해당 내용을 반영하여 렌더링> 사용자가 그 변화를 확인할 수 있게 된다.
-html 문서
<html> <head> <meta charset="utf=8"> <link rel="stylesheet" href="01.css"> </head> <body> this is a html page <p> 이 글씨는 css에 의해 꾸며집니다. </p> <script src="01.js"> </script> </body> </html>
-css 문서
<style> p { font-size: 2em; color: greenyellow; } </style>
-js문서
<script> var newContent = prompt("Js는 html 페이지를 변경할 수 있다"); document.body.innerText = newContent; </script>다음과 같이 js코드가 실행되면서 html 문서가 변경될 수 있고
변경된 내용은 브라우저에 로드되는 것을 확인 할 수 있다.
js는 document, window와 같은 object를 통해 html과 css를 변경할 수 있는 인터페이스를 제공한다.
자기 신뢰의 힘을 믿고 실천하는 개발자가 되고자합니다.