[생활코딩|WEB1#2] 혁명적인 변화, 통계에 기반학 학습 2019.11.30

---

본 게시글은 유튜브 생활코딩 온라인강의를 시청한 후 학습한 정보를 기록하는 목적의 게시글입니다.

생각의 흐름에 따라 작성된 게시글입니다. 가독성이 떨어질 수 있습니다.

생활코딩 유튜브

생활코딩

생활코딩 사이트

생활코딩

"어떤 문제가 우리 삶에서 중요하고 심각할 수록

그 문제를 해결해 주는 공부는 문제로부터 우리를 해방시켜줄겁니다."

(생활코딩 : Web1 -1 수업소개. 중)

---

#0.

"여러분의 인생은 태그를 배우기 전과 배우고 난 후로 나눌 수 있습니다."

정말요, 선생님..?

저희 같이 한 번 확인해 보도록 하겠습니다!

 

#1. 혁명적인 변화

https://www.w3.org/

World Wide Web Consortium (W3C)

오늘 실습을 위해 국제민간표준화기구 웹페이지를 방문해봅시다.

이 웹사이트에서 우클릭 > 페이지소스보기(V)를 통해,

보고 있는 웹페이지가 어떤 코드로 이루어져 있는지 확인할 수 있습니다.

<h1>에 해당하는 코드를 가져와봤습니다.

여기서 필요없는 코드를 지워보고 중요한 코드만 다시 확인해 보도록 하겠습니다.

<h1> W3C <\h3>

되게 간단해졌네요..?

사실 저희는 저번시간 여러 태그들을 확인해보면서 이미 h1이 제목과 관련된 태그란 것을 알고 있습니다!

이번에 사용된 태그를 다시 한 번 확인해볼까요?

h1 : 제목 태그

a tabindex : 키보드 접근성과 관련된 태그(다음 시간에 자세히 알아봅시다.)

accesskey : 바로가기 태그

href : 문서 연결 태그

img src : 이미지 삽입 태그

width/height : 이미지 크기 조정 태그

alt : 이미지 대체 텍스트 태그

span class : span 태그의 css 지정(이 태그도 다음 시간에 더 자세히..)

<h1><p align = "left">h1태그입니다.</p></h1>
<h2><p align = "center">h2태그입니다.</p></h2>
<h3><p align = "right">h3태그입니다.</p></h3>
<h4><p align = "left">h4태그입니다.</p></h4>
<h5><p align = "center">h5태그입니다.</p></h5>
<h6><p align = "right">h6태그입니다.</p></h6>

저희는 저희가 모르는 정보를 매우 빠른 시간 안에 찾을 수 있는 시대에 살고 있습니다.

원한다면, 누구나 쉽게 정보를 검색하고 그 정보를 습득할 수 있습니다.

그래서 더 기초가 중요한 것 아닐까요?

'아는만큼 보인다.'라는 말이 있습니다.

모든 작업에 기초체력이 중요하단 사실은 몇 번이고 되뇌이며 강조해도 모자람이 없는 것 같습니다.

'웹개발의 기초체력은 태그에 얼마나 익숙한가?'아닐까요?

 

#2. 통계에 기반학 학습

오늘날의 HTML 태그는 150여개가 넘는다고 합니다.

2017년에 촬영한 영상에서 생활코딩님이 말씀하신 정보니.. 지금은 더 많은 태그가 생겼을 수 있겠네요.

물론, 모든 태그를 외울 수도 그럴 필요도 없습니다.

저희는 혁명적인 변화 속에 살고 있기 때문이죠 :)

https://www.advancedwebranking.com/html/

The average web page from top twenty Google results

또 새로운 사이트가 나왔네요!

전 세계의 수 많은 웹사이트를 분석하여, 그 결과를 보여주는 사이트입니다.

출처 : https://www.advancedwebranking.com/html/

익숙한 태그들이 눈에 보이네요.

사람들에게 인기가 많은 태그들은, 그만큼 사용 빈도가 높다는 것을 의미하겠죠?

저희들은 충분히 기초를 탄탄히 하는 작업 중입니다.

아직까지는 어려운 내용이 그다지 등장하지 않았지만, 자만하지 않고 천천히 학습해나가야겠습니다.