섹션 1: 소개 [1일차], 섹션 2: 첫 번째 웹사이트 구축: HTML 및 CSS 기초 [1일 - 2일차]

day 1

How The Web Works

	--->	Request	--->
Clinet (Front-end)				Server (Back-end)
	<---	Response	<---

 

What are these "Browser Instructions?

HTML - The content and structure of the displayed page

CSS - The styling of the displayed page and its content + optional

JavaScript - Interactivity that might be needed on the displayed page

 

URL (Uniform Resource Locator)

https://Domain/Path

 

 

"www"는 무엇인가요?

다양한 도메인을 통해 많은 웹사이트를 방문할 수 있습니다. 예를 들어, 아마존 웹사이트는 amazon.com을 통해서도 방문할 수 있지만 www.amazon.com을 통해서도 방문할 수 있죠. 두 주소 모두 브라우저에 입력할 수 있고 동일한 웹사이트에 연결될 겁니다

그렇다면 차이점은 무엇일까요?

특히 인터넷의 초창기에는 “월드 와이드 웹” (또는 “www")이라고도 했습니다. 여전히 그 용어를 많이 듣게 되고 이 용어로 인해 일부 웹사이트가 도메인에서 이러한 “www” 접두사를 지원하는 이유를 알 수 있습니다.

엄밀히 따지자면, www.amazon.com은 “루트 도메인” amazon.com의 “하위 도메인"이라고 합니다. 웹사이트 운영자이자 도메인 소유자로서 원하는 하위 도메인을 등록할 수 있고 amazon.com 도메인의 소유자인 경우 mysite.amazon.com을 등록할 수도 있습니다. 그런 다음 사용자가 mysite.amazon.com을 입력하면 웹 사이트가 제공되도록 웹 서버를 구성할 수 있죠.

많은(전부는 아니지만) 웹사이트가 “www” 하위 도메인을 사용하는 방식으로 하위 도메인을 등록하고 기본 웹사이트도 가리키도록 구성합니다.

필수 사항은 아니며 모든 웹사이트에 있는 것은 아닙니다. 또한 대부분의 사용자는 더 이상 “www.amazon.com”을 수동으로 입력하지 않고 대신 루트 도메인만 입력하는 경우가 많습니다.

 

>>> 과정 코드 및 슬라이드 받기:

 https://github.com/academind/100-days-of-web-development

 

 

---

day 2

환경 세팅 

visual studio code 

 

HTML element

Element Content

HTML Tags : ELEMENT NAME 

Opening Tag / closing Tag

 

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

HTML elements reference - HTML: HyperText Markup Language | MDN

 

ctrl + space 를 통해 자동완성 킬 수 있음

 

오늘 한 내용 코드 전체

<h1 style="font-family: sans-serif; text-align: center; color: red;">techq's challenge for 20231224</h1> <!-- html 속성 추가함 -->
<p>Learn aoubt the basics of web development - secifically dive into HTML & CSS.</p>