자바스크립트의 결과를 브라우저의 검사 도구로 확인했다.
HTML은 정보이다.
CSS는 디자인이다.
자바스크립트는 사용자와 상호작용하는 것이다.
<!doctype html>
<html>
<head>
<title>WEB</title>
<meta charset="utf-8">
<style>
h1{
border-bottom:10px solid red;
padding:30px;
}
@media all and (min-width: 480px){
#container{
display:grid;
grid-template-columns: 150px 1fr;
}
}
body{
font-family: 'Palette Mosaic', cursive;
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap" rel="stylesheet">
</head>
<body>
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
">
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
">
<h1><a href="index.html">WEB</a></h1>
<div id="container">
<ol>
<li><a href="1.html">html</a></li>
<li><a href="2.html">css</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>
<div>
<h2>Welcome!</h2>
Hello <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">WEB</a>
</div>
</div>
</body>
</html>위 코드의 결과는 아래 홈페이지로 들어간다.
https://burninghering.github.io/daegu-ai-school-web/index.html
WEB
burninghering.github.io
자바스크립트를 알아야만 클라이언트와 서버가 통신하는 방법을 알 수 있는데,
보면 볼수록 어려운 것 같다.
강사님의 생활코딩 강의를 참고해야겠다.
'AI School' 카테고리의 다른 글
| 220421_Azure 데이터베이스 (0) | 2022.04.21 |
|---|---|
| 220420_인증과 권한 (0) | 2022.04.20 |
| 220419_클라우드 기초 수업 내용 정리 (0) | 2022.04.19 |
| 인공지능 언어 복습 (0) | 2022.04.14 |
| 컴퓨터 과학 101 (2) | 2022.03.18 |
