2년간의 공대생활.. 2021년은 휴학을 하고 새로운 교수님을 따르기로 했다..
바로, 생활코딩의 egoing교수님을!😆👍
지금까지 배운 것, 그리고 앞으로 배울 것들을 기록하려한다.
HTML : 웹페이지(WEB)를 만드는 컴퓨터 언어
WEB의 확장자 : .html
HTML이 중요한 이유 :
Tag : <> </> 옷의 택처럼, 태그는 내용을 설명한다.
: 두꺼운 글자
: 밑줄
<h1></h1> : heading 머리말 크기 1~6까지 있음
<br> : line break 줄바꿈
<p></p> : paragraph 문단
<p style="margin-top:40px;"> : css
<img src=""> : 이미지 띄우기 source="이미지 주소"
이미지 사이트 추천 : www.Unsplash.com
<parent> : <ul>Unordered List, <ol>Ordered List / <table>
<child></child> : <li></li>List / <tr><td></td></tr>
</parent> : </ul>, </ol> / </table>
슈퍼스타 태그 : html의 구조를 구성하는 태그
<title></title> : 책 표지와 같은 역할
<meta charset="utf-8"> : utf-8방식으로 문서를 읽게 함
<head></head> : 본문(body tag)을 설명하는 태그를 감싸는 태그
<body></body> : 본문을 감싸는 태그
<html></html> : head와 body태그 전체를 감싸는 태그
<!doctype html> : html태그 위에 관용적으로 적는 태그
이 문서는 html type임을 알린다.
태그의 제왕(웹의 본드) : link
: anchor 닻 / hypertext : link / reference : 참조
<a href="www."
target="_blank"></a> : 새탭으로 열기
title=""></a> : 어떤 링크인지 알려주기![]
속성 Attribute : tag만으로 의미가 부족할 때 사용한다.
ex)
UTF8 방식이면 Editor와 Web 둘 다 같은 방식을 사용하자.
Internet V.S. WEB
전체 서비스
도시 아파트
도로 자동차
client(고객), request(요청자) / server(서비스 제공자), response(응답자)
Web hosting 서비스 : www.github.com
Host : 인터넷에 접속해 있는 컴퓨터 한 대를 부르는 이름
Hosting : 호스팅 되어있는 컴퓨터를 제공하는 사업
Web hosting : web서버를 목적으로한 hosting
Static web hosting : 파일만을 서비스하는 hosting
127.0.0.1 : 모든 컴퓨터의 자신의 IP주소 / 자기 자신을 의미한다.
댓글 기능 추가 : 백엔드 기술이 필요하다. 스팸 필터링 기술이 필요하다.
->남들이 만든 댓글을 우리 웹사이트에 추가하여 결하자.
www.disqus.com www.livere.com
채팅 기능 추가 :
www.tawk.to
웹 페이지 분석기 : 방문자가 어떤 경로를 통해서 왔는지, 어떤 환경에서 서비스를 이용하고 있는지 등등의 데이터를 제공해주는 분석기 서비스
www.analytics.google.com
이제 PHP를 들고 다시 돌아오겠다!😊👍