* 이 글은 2019. 8. 28. 0:27에 작성되었던 글입니다 *
본격적으로 웹/앱 개발 관련 공부를 시작하기 전에 예습을 하기로 했다.
개발자 관련하여 유튭을 여기저기 둘러보다
'생활코딩' 채널을 만나게 되었다.
(광고 아닙니당 ㅎ)
...
Wow
UNBELIEVABLE!
너무너무나 쉬운 설명과 함께 귀에 쏙쏙 박히는 목소리와 말투를 가지신 선생님께서 강의를 해주시는데
그야말로
신세계였다.
비전공자인 나는 정.말.로 컴퓨터는 물론이거니와 컴퓨터 언어에 대해서 아무것도 몰랐다고 한다.
Web 1.HTML 강의를 이틀 만에 다 들었다.
선생님이 참 대단하다고 생각하면서..ㅋㅋㅋ
선생님 부디.. 아주아주 조금만 일하시고... 어마어마한 돈 쓸어 담으시길 간절히 기원합니다.
암튼.. 적당히 깊이 있는 강의 수준이면서 어떠한 강의보다도 퀄리티 좋은 내용을 담고 있으며,
선생님의 어마 무시한 말재주(?)에 감탄하면서 본격적으로 공부를 시작하기 앞서 선생님과 함께 예습을 해보자!
라는 생각을 하게 되었다고 한다. ㅎ
사실 10개월간의 기간 동안 아주 빡세게 배울게 눈에 훤~히 보이기 때문에
예습을 하고자 하는 마음은 있었다.
Anyway ,
It's the reason why I started solo learning HTML.
HTML
Hypertext Markup Language
HTML의 요소(Elements)
Tag
- 무수히 많은 태그가 존재하지만 많이 활용되는 태그의 수는 20~30개 수준이다.
- html 문서 내에서 tag를 이용하여 선언해야 한다.
- 열림 태그(closing tag)와 닫힘 태그(ending tag)가 있다. ex) <html> 내용 </html>
- 내용이 필요 없는 빈 태그들도 있으며 빈(empty) 태그의 경우 닫는 태그는 없다.
ex) <br> : 줄바꿈 태그 <hr> :가로 줄 긋기 태그
- 태그들에는 부모 태그와 자식 태그가 있다.
ex) <ol>Ordered List 가 부모 태그이며, <li>List가 자식 태그.
Attribute(속성)
- 태그에는 속성이 존재한다.
<태그 속성="값"> 내용 </태그> 이렇게 선언을 하게 되고, 글로벌 속성도 있고 아닌 것도 있고.. 공부해야 할 부분이 많다.
(글로벌 속성이란? 여러 다른 태그들에서도 속성으로 사용될 수 있는 속성)
사실 글로벌 태그였는지, 글로벌 속성이었는지 헷갈림..;;
ex) <img src="coding.jpg" alt="coding">
HTML의 구조
- <!doctype html>
문서의 종류는 여러 종류가 있으므로 문서 타입을 선언해야 한다.
-html - head - body 순서로 나열된다.
html은 html 문서라는 것을 의미하고, head에는 웹페이지 전체의 스타일을 선언하거나
title(탭 바에 나타나는 웹페이지 이름) 등이 포함된다.
body는 우리 눈에 보이는 웹 페이지를 편집하는 공간이다.
....복습 겸 블로그 포스팅을 해보기로 결정했는데..
이거 원.. 내가 설명을 너무 못한닼ㅋㅋㅋ
( 오래전부터 난 교사나 강사같이 누군가를 가르치는 직업은 적성에 맞지 않는다는 사실을 알고 있어서 세상 놀랍지도 않음 :p )
왠지 복습 식으로 설명을 나열하는 방식의 포스팅은 이게 마지막일듯한 예감.
누군가 나에게 HTML 프로젝트를 던져 주었으면 좋겠다는 생각이 많이 든다 ㅠㅠ
뭔가 써먹지 않으면 머릿속에서 금방 지워질 거 같단 말이지.
다음 포스트는 일러스트레이터로 직접 문제를 만들어서 코딩을 해보는 콘텐츠는 어떨까? 싶당 ㅎㅎ
-끝-
혹시나 HTML 공부를 해보고 싶으신 분들이 보실까 봐 '생활코딩'외에
HTML 독학 혹은 공부에 도움이 될만한 사이트들 알려드릴게요!
(다들 이미 아실 거 같지만...)
W3schools ▶바로 가기
모든 설명이 영어로 되어있으나 영알못인 저도 대충 알아들을 수 있을 정도의 수준이며
'대체 뭔 말이지?' 싶을 때는 번역기 ㄱㄱ
아주 깔끔하게 번역해준답니당!
어플도 있어요!
공부하면서 문제들도 풀 수 있습니다.
edwith ▶바로 가기
여기는 웹은 물론 안드로이드 ios 프로그래밍 등
포괄적인 강좌들이 있는 사이트입니다.
강의를 들은 후에는 중간중간 프로젝트를 진행할 수 있는데요.
소정의 금액을 지불하면 현직 개발자분들께
코드 리뷰도 받을 수 있다고 합니당.
-TMI : 저는 웹 UI 개발 강의 듣고 있어요 :)
넘나 주절주절 말이 길다..
아무튼 독학 생각 중이신 분들 참고가 되었으면 합니당!
-정말 끝-