Dev-dotoli TIL

WIL 3



Sparta coding



Innovation Camp


w4 day21



React DOM / serverless

DOM ?

  • Document Objeccct Model
    객체 지향 모델로써 구조화된 문서를 표현하는 방식

  • WEB page를 우리는 tag들을 JS가 이용할수 있게
    브라우저가 tree구조로 만든 객체 모델을 의미함

  • HTML/CSS 와 JavaScript를 서로 이어주는 역할

  • react에서는 실제 DOM을 구성하기전에
    메모리에 따로 가상DOM을 할당해 연산을 하고
    처리가 끝난 것만 실제 DOM으로 구현해
    처리과정의 효율을 높이는 시스템으로 구성되어 있음

Serverless ?

  • 직역하면 서버가 없다는 뜻

  • 실제로 없는것은 아니고 가상의 서버를 대여해 서버로
    사용한다는 의미인 듯

  • 서버를 직접 운영해야하고 운영해야하는 시스템이
    커질수록 그 인프라를 갖추는데 많은 비용을 써야함

  • AWS, Azure등의 서비스가 생겨나면서 대여를 통해
    적은 비용으로 서버를 구축/관리 할 수 있게 됨
    IaaS / PaaS

  • BaaS backend server개발을 통해 갖춰야할 API를 제공함으로써
    개발자들이 server를 개발할 필요없이 필요한 기능을
    구현할 수 있게 하고, 사용한 만큼 비용을 지불하게 함
    Firebase

  • FaaS project를 여러개의 function으로 쪼개서 개발하고
    이 function들을 사용하는 만큼 비용을 지불하는 방식

references
https://ko.reactjs.org/docs/react-dom.html
https://sysong85.tistory.com/203
https://dev-cini.tistory.com/10

https://sst.dev/chapters/ko/what-is-serverless.html
https://velog.io/@ki5970/React-%EC%84%9C%EB%B2%84%EB%A6%AC%EC%8A%A4
https://velopert.com/3543