오늘은 Weniv의 1만시간 사이트를 클론코딩하였다.
간단하면서도 어려운 수업이였다.
먼저 html 파일로 뼈대를 잡아주었고 reset.css 로 기본값을 초기화 해준 후 style.css에 class와 각종 값들을 정리해주었다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/style.css">
<title></title>
</head>
<body>
<main class="">
<header>
<h1 class="">
<img src="" alt="" class="">
</h1>
</header>
<img src="" alt="" class="">
<p class="txt-desc">
<strong></strong><br>
<br>
</p>
<form class="cont-input">
<p class="txt-wannabe"><input type="text" placeholder="" required></p>
<p class="txt-time"><input type="number" placeholder="" required></p>
<button class="btn-exc"></button>
</form>
<section class="cont-result">
<h2 class="blind"></h2>
<p class="txt-wannabe"><strong></strong></p>
<p class="txt-time"> <strong></strong></p>
<button type="button" class="btn-go"> GO! GO!</button>
<button type="button" class="btn-share"></button>
</section>
<footer class="cont-footer">
<img src="./images/weniv.png" alt="weniv" class="footer-img">
<p class="txt-footer">※ 본 서비스 내 이미지 및 콘텐츠의 저작권은 주식회사 WeNiv에 있습니다.</p>
<p class="txt-footer"></p>
</footer>
</main>
</body>
</html>나머지는 Github에 올라올예정이며
해당 파일의 저작권은 weniv측에 있다.
해당 수업을 가르켜주신 위니브 직원분들 너무 감사합니다 사랑합니다.
Prospective Junior Front-end Developer