[React] SPA, DOM, virtual DOM(가상 돔)
SPA SPA는 Single Page Application의 줄임말이다. 말그대로 "싱글 페이지 어플리케이션" 페이지가 한개의 페이지로 구성되어있다. 예전의 웹사이트는 다른 페이지로 이동하면 서버에서 새로운 페이지를 불러와서 새로고침이 됐다면 SPA는 첫랜더링때 페이지 전체를 불러오고 페이지를 이동할때는 서버로부터 새로운 페이지를 불러오지 않고 내부를 수정해서 보여준다. 단점으로는 SEO에 좋지않다. DOM DOM은 HTML 요소들을 트리형태로 나타낸것이다. 트리 전체를 DOM이라고 하고 트리안에 있는 모든 요소 하나 하나들을 Node라과 부른다. 그리고 그 요소들은 다 API다. 사진에 있는 document가 자바스크립트에서 사용하는 document.~~이다. 그래서 querySelector처럼 DOM..
REACT
2022. 8. 16. 17:18
