DOM은 웹 개발자라면 진짜 한 번은 듣는 용어같다.
DOM은 무엇이고 왜 항상 언급이 될까?
DOM에 대해 조금 찾아보았다.
DOM이란?
문서 객체를 조합해서 만든 전체적인 형태를 문서 객체 모델 DOM, Document Objects Model 이라고 부릅니다.
HTML 페이지에 있는 html, head, body, title, h1, div, span 등을 HTML 언어에서는 요소(element)라고 부릅니다. 그리고 자바스크립트에서는 이를 문서 객체(document object)라고 부릅니다. 따라서 '문서 객체를 조작한다' 는 말은 'HTML 요소들을 조작한다'는 의미입니다.
이 DOM을 조금 더 어렵게 설명하자면,
DOM은 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공합니다.
프로퍼티와 메서드를 제공하는 트리 자료구조다.
설명을 할수록 어려워진다..
간단히 요약된 정보는
- 항상 유효한 HTML 형식입니다.
- 자바스크립트에 수정될 수 있는 동적 모델이어야 합니다.
- 가상 요소를 포함하지 않습니다. (Ex. ::after)
- 보이지 않는 요소를 포함합니다. (Ex. display: none)
DOM을 제대로 이해하고 더 작성해보자.
서버리스란
서버리스(serverless)란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델입니다.
서버리스 모델에도 서버가 존재하긴 하지만, 애플리케이션 개발에서와 달리 추상화되어 있습니다. 클라우드 제공업체가 서버 인프라에 대한 프로비저닝, 유지 관리, 스케일링 등의 일상적인 작업을 처리하며, 개발자는 배포를 위해 코드를 컨테이너에 패키징하기만 하면 됩니다.
서버리스 애플리케이션은 배포되고 나면 필요에 따라 자동으로 스케일 업되거나 스케일 다운됩니다. 퍼블릭 클라우드 제공업체의 서버리스 오퍼링은 일반적으로 이벤트 기반 실행 모델을 통해 온디맨드로 미터링됩니다. 그러므로 서버리스 기능이 유휴 상태일 때는 아무런 비용도 들지 않습니다.
출처
레드햇, 서버리스란
모던 자바스크립트 Deep Dive
