수업/└HTML&CSS

[Web&HTML]기본 이론

onlyun 2022. 1. 1. 03:29

1. 웹(Web)

인터넷에 연결된 컴퓨터를 통해 정보 공유

HTTP(Hyper Text Transfer Protocol) 프로토콜 사용

HTML로 작성된 문서를 연결

멀티미디어 정보(텍스트, 이미지, 오디오, 비디오)를 하이퍼텍스트(Hypertext)방식으로 연결

 

(1) 웹 표준

개발자 간 일종의 약속

정해진 규칙을 준수해 개발하면 호환하여 편리하게 사용할 수 있음.

 

(2) 구성 요소

Web Browser
(Client)
-필요한 데이터 요청(Request)→ Web Server
←요청에 따라 HTML 문서 제공(Response)-
Front-end   Back-end

*DB Server도 따로 있음.

-프로토콜 : 네트워크에서 제공하는 일종의 데이터 전송 규약

 웹 서버는 HTTP를 통해 클라이언트와 대화

-포트 : 웹 서버에서 일종의 문.

 아파치 톰캣의 경우 8080번 포트 사용

 

 

(3) 웹 브라우저, 웹 서버

① 작성한 HTML을 웹 브라우저로 열기

-파일 경로 : html 파일 기준으로 경로

-주소 경로 : 웹 서버 주소

 

*아파치 톰캣 : 설치된 컴퓨터를 웹 서버

 

*Live Server : vscode에서 수정하는 코드를 실시간으로 확인할 수 있게 해줌.

아니라면 웹 서버 다운받아서 바꿀 때마다 새로고침해줘야 함.

 

 

2. HTML(Hyper Text Markup Language)

-Markup Language : 웹에서 사용되는 문서가 어떻게 구조화되는지 나타내는 언어

-특징 : 구조적 설계 지원

 CSS, JavaScript 지원

 그래픽 및 멀티미디어 기능 강화. 플러그인 필요없음.

 다양한 API 제공(*API : 컴퓨터와 컴퓨터 연결)