코딩은 원인인 Code, Source, Language를 통해서 Application, App, Program, Webpage, Website 등의 결과를 만들어내는 것이다.
그 중 웹을 만들기 위해서는 여러가지 도구가 필요한데, 가장 일반적으로 HTML, CSS, Javascript를 사용한다.
- HTML : 웹의 뼈대를 만드는 역할
- CSS : 웹의 디자인을 담당
- Javascript : 버튼을 동작하게 하는 등 웹페이지에 생명을 불어넣는 역할
HTML
HTML (Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하며 웹사이트의 모습을 기술하기 위한 마크업 언어이다.
쉽게 말해 HTML은 웹페이지의 뼈대를 만드는 역할을 한다고 생각하자.
HTML은 태그를 사용하여 웹페이지의 모양을 잡는 역할을 한다.
웹페이지는 기본적으로 아래와 같은 html밑에 head와 body를 가진 구조를 가진다.
<html>
<head>
이 페이지 자체의 정보
</head>
<body>
이 페이지의 실질적으로 보여지는 부분들
</body>
</html>head에는 이 웹페이지의 정보가 들어간다. 페이지의 title이나 character set 등이 포함된다.
body에는 실질적으로 우리가 보는 화면의 모든 것들이 들어간다. 유튜브를 예로 들면 동영상 목록과 검색창, 메뉴버튼 등이 있다.
생활코딩 강의를 들으면서 알게 된 태그들은 아래와 같다.
<html>
<head>
<body>
<a href>
<meta charset>
<img src>
<p style>
<ol>
<ul>
<li>
<strong>들은 바로는 아주 빈번하게 사용하는 태그 이외에는 굳이 달달 외울 필요는 없다고 한다. 현직자들도 사용하고 싶은 태그들을 그때그때 구글링해서 찾는다고 하니 너무 연연하지 말자.
알아두면 좋을 사이트들
- Unsplash : 저작권에 영향받지 않는 사진들을 무료로 받을 수 있는 곳이다.
- DISQUS : 댓글 기능을 빌려올 수 있다.
- TAWK : 채팅 기능을 빌려올 수 있다.
- Google analytics : 웹사이트의 각종 정보(방문자 연령, 가입자, 사용한 디바이스 등)를 보고 싶을때 사용한다.
따라 만들어 본것
https://jun-12.github.io/my-first-web-site/
이후에 내가 공부한 것들을 한눈에 볼 수 있게 웹페이지를 따로 만들어볼 계획이다.
