HTML 수업을 들으면서 자기 주도적 학습 습관이 너무나도 중요하다고 느꼈다.
이번 부트캠프가 자기 주도적 학습 습관을 기르는 시간이 되었으면 좋겠다.
※ 시멘틱 요소
<aside> : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소 사이드바나 광고창 등 중요하지 않은 부분에 사용한다.
※ 와이어프레임만 보고 HTML로 코딩할 수 있다.
=> 코딩시작하기 전에 와이어프레임을 보며 큰 틀을 나눌 수 있으면 된다.※ pre 태그
미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다.
시멘틱 요소는 많지만 필요할 때 검색해서 찾을 수만 있다면 외우지 말자!
<!DOCTYPE html>
<html lang="en">
<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">
<title>Document</title>
</head>
<body>
<h2>정희창 소개페이지</h2>
<img src="profile.jpg" width="300"/>
<ol type="A"> <h3>나의 목표</h3>
<li>인프랩 프론트엔드 개발자가 되는 것</li>
<li>코딩 뿐만 아니라 소통역량도 뛰어난 개발자</li>
</ol>
<ol> <h3>나의 다짐</h3>
<li>꾸준히 블로그 작성하기</li>
<li>하루 30분이라도 운동하기</li>
<li>틈틈이 책 읽기</li>
</ol>
<a href="https://velog.io/@heechang96">더 자세한 정보</a>
</body>
</html>
오직 HTML만을 사용하여 자기소개 페이지를 구현하는 과제이다. CSS, JavaScript를 사용하지 않아서 간단하게 구현하였다. 과제를 다 끝낸 후에는 HTML 태그 및 유용한 정보가 있는지 살펴보았다.
그리고 여러 스터디가 만들어지고 있는데, 아직까지 코딩테스트 관련 스터디는 없다...
코딩테스트 스터디를 통해서 기초 문제부터 차근차근 풀어보며 여러 사람들의 풀이를 공유하면 좋을 것 같다.
https://www.w3schools.com/html/default.asp
https://developer.mozilla.org/ko/docs/Learn/Front-end_web_developer