항해99 3주차 Weekly I Learn ( DOM, Serverless )

3week KeyWord

 

DOM (Document Object Model) 문서 객체 모델

1) DOM이란?

문서 객체모델(DOM) 은 XML 이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다.

이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다.

 

이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다.

출처 : http://www.tcpschool.com/javascript/js_dom_concept

자바스크립트는 이러한 객체 모델을 이용해서 다음과 같은 작업을 할 수 있다.

- 새로운 HTML 요소나 속성을 추가

- 존재하는 HTML 요소나 속성을 제거할 수 있다.

- HTML 문서의 모든 HTML 요소와 속성을 변경할 수 있다.

- HTML 문서에 모든 CSS 스타일을 변경할 수 있다.

- HTML 문서에 새로운 HTML 이벤트를 추가할 수 있다.

- HTML 문서의 모든 HTML 이벤트에 반응할 수 있다.

 

2) DOM의 종류

1. Core DOM : 모든 문서 타입을 위한 DOM 모델

 

2. HTML DOM : HTML 문서를 위한 DOM 모델

- HTML 문서를 조작하고 접근하는 표준화된 방법을 정의하고, 모든 HTML 요소는 HTML DOM을 통해 접근할 수 있다.

 

3. XML DOM : XML 문서를 위한 DOM 모델

- XML DOM은 XML 문서에 접근해 그 문서를 다루는 표준화된 방법을 정의한다.

 

2) 그래서 DOM은?

- 웹브라우저에서 HTML, CSS를 제어하기 위한 프로그래밍 언어인 자바스크립트를 사용할 때 접근을 용이하게 만들어 주는 인터페이스!

 

 

 

Serverless(서버리스)

 

1) Serverless 란?

- Server + less "서버가 없다" 는 단지 직역일 뿐 서버가 없다는 건 있을 수 없는일이다. 여기서 Serverless 란 컴퓨터 시스템의 구성(아키텍처) 중 서버를 직접 관리 할 필요가 없는 아키텍처를 뜻하고 Serverless Architecture라고 부른다.

출처 : https://jaehoney.tistory.com/77

 

1) Serverless Architecture 구현 방식

1. BaaS (Backend as a Service) : Firebase, Kinvey, Parse ... 등

- BaaS를 사용하는 애플리케이션은 일반적으로 SPA, 안드로이드와 같은 클라이언트 중심으로 개발된 애플리케이션이다.

- 클라이언트단에서 BaaS가 제공하는 인증, DB, 사용자 관리 등과 같은 외부 서비스를 사용해서 대부분의 비지니스 로직을 처리한다.

 

2. FaaS (Function as a Service) : AWS Lambda, Azure Functions, Google Cloud Fucntions ... 등

- 무상태 (Stateless) 함수가 서버 측 비즈니스 로직을 포함한다. 백엔드를 작은 함수단위로 쪼개서 상요자가 직접 관리하지 않는 서버로 올리고 서버가 알아서 실행되고 종료된다. 주로 Serverless 라고 하면 FaaS에 더 가깝다.

 

2) Serverless Architecture 의 장/단점

장점 :

- 인프라 구성, 운영, 보안 등에 신경쓰지 않고 비즈니스 로직에 집중할 수 있다.

- 자동 스케일 업 / 스케일 다운

- 간단한 패키징 및 배포

- 릴리즈 주기 감소

- 높은 생산성

 

단점 : 

- 실시간 서비스에는 적합하지 않다 (항상 실행 중인 서버랑 다르게 서버를 실행, 종료하기를 반복해서 실행 대기시간이 오래 걸림)

- 클라우드 서비스 업체에 종속적이다.

- 실행 시간 한계(AWS Lambda의 경우 15분)

- 로컬 데이터를 사용할 수없다. (Stateless)

- 디버깅이나 테스팅에 불편하다.