티스토리 뷰
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 : 컴퓨터와 컴퓨터 연결)
'수업 > └HTML&CSS' 카테고리의 다른 글
| [HTML]링크 태그 <a> (0) | 2022.01.01 |
|---|---|
| [HTML]text tag, 특수문자 입력 (0) | 2022.01.01 |
| [HTML]문서 작성할 때 (0) | 2022.01.01 |
| [vscode]HTML 기본 구조 자동완성하기 (0) | 2022.01.01 |
| [HTML]vscode 기본 구조 및 태그 자동 입력 (0) | 2022.01.01 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 기본선택자
- 스크립태그
- html a tag
- caption-side
- html input type
- 외부구성요소
- css
- scanner
- border-spacing
- BAEKJOON
- empty-cell
- 입력양식
- Java
- html layout
- 미디어 태그
- initialized
- CascadingStyleSheet
- html pre
- html base tag
- html atrribute
- typeof
- 변수
- html
- input type 종류
- JavaScript
- text formatting
- A%B
- selcetor
- improt
- ScriptTag
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함