[WIL] React - DOM , 서버리스

DOM(문서객체모델)

 

html 단위 하나하나를 객체로 생각하는 모델. 

예를 들어, 'div'라는 객체는 텍스트 노드, 자식 노드 등 하위의 어떤 값을 가지고 있음. 이런 구조를 '트리 구조'라고 함.

트리 구조

 

- document 와 body, head 는 부모-자식 관계.

- body 와 head 는 형제 관계

 

- dom 트리 확인하기 

// 현재 dom 트리 확인
document

// dom 트리 중, body의 내용 확인
document.body

// dom 트리 중, head의 내용 확인
document.head

 

- 자식 요소에 접근하기

// childNodes
document.body.childNodes

// children
document.body.children

//getElementsByTagName("태그 이름")
document.getElementsByTagName("태그 이름")

//getElementById("id 이름")
document.getElementById("id 이름")

 

서버리스(serverless)

서버가 없다는 의미가 아니라, 서버를 신경쓸 필요가 없다는 의미.

구체적으로는 서버의 사양, 네트워크 설정 등이 미리 정해져있는 서버를 빌려쓰는 것을 의미함.

개발자는 인프라 구축, 서버 스펙을 고민할 필요없이, 필요한 서버를 필요한 만큼만 빌려쓰면 됨.