본문 바로가기

기타/개인공부

용어 정리

HTTP(Hyper Text Transfer Protocol)

: W3 상에서 정보를 주고 받을 수 있는 프로토콜.

: 주로 HTML 문서를 주고 받는 데에 쓰임.

: 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜.

: HTTP를 통해 전달되는 자료는 http:로 시작하는 URL(인터넷 주소)로 조회할 수 있음.

 

통신 프로토콜(통신 규약)

: 컴퓨터나 원거리 통신 장비 사이에서 메세지를 주고 받는 양식과 규칙의 체계.

: 구현되는 방법은 독립적이라서 하드웨어, 소프트웨어, 때로는 모두를 사용하여 구현.

 

HTTPS(Hyper Text Transfer Protocol Secure)

: 보안이 강화된 HTTP.


JSP(JavaServer Pages)

: HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구.

: JSP가 실행되면 자바 서블릿으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고, 생성된 데이터를 웹페이지와 함께 클라이언트로 응답.

 

자바 서블릿(Java Servlet)

: 자바 서블릿은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램 혹은 그 사양.

 

JRE(Java Runtime Environment)

: 자바 실행 환경.

: JVM이 자바 프로그램을 실행시킬 때 필요한 라이브러리들과 파일을 가지고 있음. JVM의 실행환경 구현.

 

embedded server

:


3tier


DOM

 

DOM(The Document Object Model)

 : 문서 객체 모델

 : HTML, XML 문서(웹페이지)의 프로그래밍 인터페이스. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조 그리고 스타일을 읽고 조작할 수 있는 API를 제공한다.

 - 생성방식 : 원본 HTML 문서의 객체 기반 표현 방식. DOM의 개체 구조는 노드트리로 표현된다.

노드트리로 표현된 HTML 코드

인터페이스

 : 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고받는 경우의 접점이나 경계면.

 

JavaScript와 DOM

 : javascript는 브라우저가 읽고 어떤 작업을 할 수 있는 언어.

 : DOM은 이 작업이 이루어지는 장소.

 

웹페이지가 만들어지는 방법

- CRP(Critical Rendering Path)

  1. DOM 트리 구축

  2. CSSOM 트리 구축

  3. JavaScript 실행

  4. 렌더 트리 구축

  5. 페인팅

CRP

- 첫번째 단계 : 브라우저는 읽어들인 문서를 파싱하여 최종적으로 어떤 내용을 페이지에 렌더링할지 결정한다.(이 단계를 거치면 렌더 트리가 생성된다.)

- 두번째 단계 : 브라우저는 해당 렌더링을 수행한다.

렌더 트리

 : 웹 페이지에 표시될 HTML요소들과 이와 관련된 스타일 요소들로 구성된다. 브라우저는 렌더 트리를 생성하기 위해 아래와 같이 두 모델이 필요하다.

 - DOM : HTML 요소들의 구조화된 표현

 - CSSOM : 요소들과 연관된 스타일 정보의 구조화된 표현

 : 브라우저에서 보이는 건 렌더트리(DOM+CSSOM), 시각적으로 보이지 않는 요소들은 제외되기 때문에 DOM과는 다름.

 

DOM과 HTML

 : DOM은 HTML 문서로부터 생성이 되지만 항상 동일하지는 않다.

- HTML : 화면에 보이고자 하는 모양과 구조를 문서로 만든 것으로 단순 텍스트로 구성되어 있다.(최초의 화면에 그릴 때 사용하는 설계도)

- DOM : HTML 문서의 내용과 구조가 객체 모델로 변환되어 다양한 프로그램에서 사용될 수 있다.(설계도를 이용하여 실제로 화면에 나타내지는 인터페이스)

- DOM이 원본 HTML 소스와 다를 수 있는 두가지 케이스

  1. 작성된 HTML문서가 유효하지 않을 때

     : 브라우저는 DOM을 생성하는 동안 유효하지 않은 HTML 코드를 교정한다.

  2. JavaScript에 의해 DOM이 수정될 때

     : DOM은 인터페이스인 동시에 동적 자원이 되어 수정될 수 있다.

 : DOM은 가상 요소를 포함하지 않고, 보이지 않는 요소를 포함한다.

'기타 > 개인공부' 카테고리의 다른 글

DLL(Dynamic Link Library)  (0) 2021.03.17