index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="website">
<meta property="og:url" content="https://grayson-choi.github.io/advent_calendar/">
<meta property="og:title" content="스파르타코딩클럽 크리스마스 디데이 캘린더">
<meta property="og:image" content="image/OGimage.png">
<meta property="og:description" content="크리스마스까지 하루가 기다려지는 즐거움, 크리스마스 디데이 캘린더를 함께 만들어봐요!">
<meta property="og:site_name" content="SCC Advent Calendar">
<meta property="og:locale" content="en_US">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<title>Sparta Advend Calendar 2023</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="snow.css">
<style>
/* css 명찰에 스타일링을 주는 코드 */
.title {
color: red;
}
</style>
</head>
<body>
<!-- 이 곳에 뼈대 코드를 입력! -->
<!-- HTML 뼈대(구조) - 웹페이지 -->
<h1 class="title">안녕눈사람</h1>
<script>
const titleDiv = document.querySelector(".title");
titleDiv.innerText = "자바스크립트로 변경한 데이터"
</script>
</script src="index.js">
</script>
</body>
</html>눈내리는 효과 적용
css 별도 가지고 오고 html 에서 작업을 해준다.
</head>
<body>
<!-- 이 곳에 뼈대 코드를 입력! -->
<!-- HTML 뼈대(구조) - 웹페이지 -->
<div class="snow-wrap">
<div></div>
</div>
</script src="index.js">
</script>
</body>
Free sprit engineer | 커밋할때마다 손 떨리는 화학원소 - 탄소(C)같은 초급개발자 | James Gosling 같은 사람이 되고 싶은 싶은 자바꿈나무🌱