[엘리스 AI 트랙 2기] 3주차-Web(07/06)

자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 실시간 강의이며, 학습 후 정리한 내용입니다.

⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️

---

이고잉 실시간 강의

Web

- native가 되자!

IT의 두 가지 분류

- 컨텐츠: 게임, 채팅, 이미지, 웹

- 전송: USB 메모리, 타이핑, ....., 인터넷

정보기술에서 가장 유명하고 공공제로 가장 유명한 컨텐츠와 전송방법은 웹과 인터넷!

앱은 특정 기업의 개인소유(공공제의 개념이 아니다)지만, 웹은 공공제이다

웹은 발전속도는 느리지만 굉장히 오래 살아남은 기술!

웹은 남의 컴퓨터에 존재하는 문서를 만지는 것이다.

남의 컴퓨터를 내 컴퓨터처럼 사용할 수 있기에 큰 발전이 있을 수 있었다.

웹 덕분에 정보사회가 시작되었고 발전하게 되었다.

웹의 본질은 전자출판

HTML의 특징

1. 쉽다.

2. 중요하다

# 추천 사이트

https://www.w3schools.com/tags/tag_img.asp

HTML img tag

https://www.netlify.com/

Netlify: Develop & deploy the best web experiences in record time

https://unsplash.com/

Beautiful Free Images & Pictures | Unsplash

https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb

Web Server for Chrome

웹과 인터넷은 다르다.

간략하게 표현하자면 웹은 컨텐츠, 인터넷은 전송기술이다.

client (요청): 요청하는 컴퓨터

server (요청에 대한 서비스 제공): 네트워크 제공 컴퓨터

host

IP address:

domain name

127.0.0.1:8887 : IP address 127.0.0.1은 특수한 주소로, 자기 자신의 컴퓨터를 의미

real world가 되기 위해서는 최소 컴퓨터 2대가 필요하다.

웹서버가 웹 브라우저 개발보다 훨씬 쉽다.

web hosting: 웹에 필요한 모든것을 대여해주는 것

-> cloud

netlify를 이용하자! 웹을 위한 컴퓨터 기능을 빌려준다.

https://jsbin.com/?html,output

JS Bin

emmet 사용 방법 알아두기! --> 생산성 증대

li tag는 ul tag를 통해 목록을 구분할 수 있다.

gitlab을 웹 서버로 이용하기

-gitlab page 기능 이용

https://validator.w3.org/#validate_by_input

The W3C Markup Validation Service

html에서 어디가 잘 못됐는지 알려주는 사이트