[Week3/WIL] DOM과 Serverless

Week3/ WIL keyword : DOM, Serverless

🌸 What I felt this week

자기 주도 학습은 늘 어렵다. 다시 현실도피 경향이 짙어져서 도파민 추구 현상이 또 도져서 제대로 공부시간이 파악이 어렵고, 집중하기 어려웠다.

👑 WIL (Weekly I Learned)

• To do list 만들기
  https://github.com/lovysunny7/mytodolist

• DOM (The Document Object Mode)
  문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.
  즉, 자바스크립트로 html에 접근하고 조작할 수 있도록 도와주는 문서객체모델이다.
  웹페이지에서 보는 것은 DOM의 일부인 랜더트리며 display: none; 속성을 가진 태그는 웹상에서는 보이지 않지만 DOM에는 존재한다.

• Serverless
  란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델, 구성할 때 EC2를 사고, 서버 설정을 하는 것처럼 그 설정을 미리 해둔 어떤 서버를 빌려다 쓰는 것이며, 서버가 없다는 뜻은 아니다.
  즉, 서버의 사양, 네트워크 설정 같은 게 미리 되어 있는 서버를 빌려, 인프라 작업을 하지 않아도 된다.

  • 장점
    개발자 생산성을 높이고 운영 비용 감소
  • 단점
    상호작용하는 방법의 제한, 사용자 시스템의 유연성에 영향
    항상 서버가 대기하는 것이 아니라 규모가 크거나 속도가 중요한 경우 부적합 할 수도 있음

ref. https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction