Date - 22.11.18
Stack - HTML
Summary -
Mind set
-
나는 나의 문제를 스스로 해결하는 엔지니어.
-
해당 강의를 통해 공부와 친해지는 계기가 되었으면 좋겠다.
신호 > Code
원천 > Source
공통의 약속 > Language
결과를 부르는 여러 호칭
- Application
- App
- Program
- Webpage
- Website
HTML 개요
- 쉽다 문법을 외우는데 10분도 걸리지 않는다.
- 인류가 생산하는 모든 웹페이지를 담는 그릇
- HyperTextMarkupLanguage
- Public Domain > 어떠한 저작권도 요구하지 않음.
웹은 특정기업이 독점하지 않는 형태로 발전해왔다.
준비물
- web browser
- code를작성하는 프로그램 > 에디터
- 현시점에 최신 에디터가 무엇인지 궁금하다면
'best HTML Editor 2022'을 search해보자
- 처음 배우는 것들은 너무나 쉽지만 가장 중요하다.
- 앞으로 공부할 때 통계를 기반으로 공부할 것.
- 의기소침하지마라!
- 의미에 맞는 태그를 사용하는 것이 중요하다.
- 기초는 응용을 위해 중요하다.
- 코드는 최대한 간소화.
- 검색엔진에 검색될 것을 생각하면 구조가 탄탄해야한다.
부모태그와 자식태그
ul > li
ul // Unordered List
ol // Ordered List!
table > tr > td
잘 정리된 문서구조
head태그는 본문(body)을 설명하고
body태그는 본문이다.
태그 왕국의 제왕. => a태그 (anchor : 닻)
웹페이지를 엮어서 완성된 웹사이트를 만들어보자!
인터넷이 동작하는 가장 기본적인 원리
웹브라우저(Client) <= 서버로 연결 => 웹서버(server)
웹브라우저(== Web Client)에서 주소(index.html)를 웹서버에 요청(request)한다.
웹서버는 해당 주소의 정보를 찾아 응답(response)한다.
web hosting과 web server
hosting은 쉽다. 배울것도 적다.
web server는 어렵지만 배울것이 많다.
web hosting으로 쉽게 해보고
web server로 원리를 파악해보자
웹 호스팅 github page(2022)
web hosting : 인터넷에 연결된 컴퓨터를 빌려주는 것. 소프트웨어까지 설치하여 빌려주는 것.
cloud : 인터넷을 연결된 컴퓨터를 빌려주는 것.
gitgub : 소스코드를 안전하게 백업하고 백업된 소스코드를 매개로 협업을 하기위해 고안된 사이트.
Repositories를 통해 코드를 저장하거나 호스팅할 수 있다.
Web Server 운영하기
Apache / IIS / Nginx 등의 서버가 있다.
Web server for chrome를 이용한다. 2022.12 서비스 지원 종료
요청이 들어오면 어느 디렉토리에서 찾을 것인가 웹서버에 알려준다.
http 란?
Hyper
Text
Transfer
Protocol
127.0.0.1 의 의미는?
Internet Protocol Address
8887 의 의미는?
port
Realization
공부한것은 바로바로 써먹자.
하나의 문제를 해결하는데 몇 일이 걸릴 수 있다.
하지만 해결하는 과정에서 수많은 지식을 얻는다.
