결론부터 이야기하자면 웹 프레임워크는 화면 구현과 로직을 연결해주는 코드를 간결하게 하기 위해 생겨났다.
특히 순수 자바스크립트로 코드 내용에 따라 화면을 지속적으로 업데이트해야하는 경우,
document에서 특정 부분을 가져와서 새로운 엘리먼트를 넣어주어주거나 화면을 변경하는 코드가 필요하다.
리액트는 모두 지웠다가 다시 생성하는 방식으로 작동하면서 이러한 업데이트에 대한 고민을 없앴다.
따라서 리액트의 Render()은 State가 변할 때마다 자동으로 다시 호출된다.
이러한 방식이 비효율적이라고 생각할 순 있지만 VirtualDom이 기존 화면과 새로 생긴 화면을 비교해서
변화한 부분만 업데이트를 진행할 수 있게 한다..
'Front' 카테고리의 다른 글
Webpack과 Babel 기본 설정(2)- Create-react-app를 사용하지 않는다면! (4) | 2021.01.02 |
---|---|
Webpack과 Babel 기본 설정(1)- Create-react-app를 사용하지 않는다면! (2) | 2021.01.01 |
[반응형헤더만들기] html, css (0) | 2020.11.27 |
[온라인쇼핑몰미니게임] css (0) | 2020.11.24 |
[온라인쇼핑몰미니게임] 마크업(html) (0) | 2020.11.24 |