* 자투리 지식

<--주석 처리 단축키는 Ctrl+Shift+/-->

main 태그는 explorer에서 적용되지 않아 role="main" 기능을 추가로 입력해줘야된다.
(다만, 윈11이 상용화 되면 explorer가 없어져 신경 쓰지 않아도 될 것 같다.)

article, selection 태그는 영역을 나타내는 title 정보가 있어야 하므로 h 태그와 함께 사용해야한다.

<img src="https://via.placeholder.com/100x50">

이미지 작업을 할 칸을 비워놨을 경우, 우선 위의 링크와 크기 지정을 해두면 아래와 같이 공백 이미지가 생성된다.

4. 설계 도면 작업

예시가 된 사이트는

kakaotalk 어플리케이션
https://naver.com
https://news.naver.com
https://startbootstrap.com/theme/agency
https://sisikiller.dothome.co.kr/
https://www.helbak.com/
https://www.daum.net <--은 대략적으로, 설계의 틀만 세웠다.

사이트 설계를 할 땐, 설계된 사이트의 좌->우 순서대로 작성한다.

실행 예시

---

<div>
	<h3>인천 서구 아파트 시장에 무슨 일이</h3>
	<div>
		<!--왼쪽-->
		<div>
			<span>헤럴드 경제</span>
			<span>입력 2021.05.03</span>
			<span>수정 2021.05.03</span>
		<!--오른쪽-->
			<a href="#"><span>가</span></a>
			<a href="#"><span>나</span></a>
			<a href="#"><span>다</span></a>
		</div>
	</div>
</div>

---

---

어려웠던 점

html 코드는 아직 2일차인 나에게 생소한 코드다. 빠르게 코드를 짜거나 태그의 역할이 아직 헷갈리는 상태. 왜 줄바뀜이 자동으로 되는지와 같은 기본 문법이 다른 코드방식과 헷갈린다.

---

해결 방법

태그를 하나씩 지우거나 더해보며 그때그때 생긴 궁금증을 해결하고 있다. 추후에도 헷갈림이나 궁금증이 생기면 같은 실험이나 추가적인 학습/검색이 필요할 듯.

---

학습 소감

아직은 간단한 태그만 다뤄서 그런지 생소한 코드지만 큰 어려움은 느껴지지 않는다. 동시에 어렵지 않은 코드지만 이 상황에 적절한 태그가 무엇인지는 아직 감이 오지 않는데, 이는 많은 경험으로 극복해야 할 것 같다.

---

진행한 코드 링크

오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.