virtual dom 2

[React] #7 리액트의 리랜더링 : Virtual DOM

리액트의 특징을 확인하면서 Virtual DOM 그러니까 VDOM의 개념을 알아봤었다! 오늘은 강의를 들으며 나왔던 코드를 통해 자바스크립트와 리액트의 리랜더링 방식의 차이에 대해 확실히 알아보자. 🤔 [React] 리액트 : #1 React ? 오늘은 리액트가 무엇이고 왜 리액트인지를 알아보는 시간을 가지려고한다. 👨🏻‍🎨 리액트 == 자바스크립트 라이브러리 React, Angular, Vue 알지 못하더라도 셋 중 하나 이상은 꼭 들어봤을 것 emayom.tistory.com 리랜더링 ? 랜더링은 사용자에게 View를 보여주는 것을 의미한다. 바닐라 자바스크립트의 경우 변경 사항이 있을 때마다 새로 그려나가며 전반적인 DOM 엘리먼트들을 다시 그려 화면에 표시해줬다. 결국 단순 랜더링 과정이 반복되는..

JS/React 2021.08.28

[React] 리액트 : #1 React ?

오늘은 리액트가 무엇이고 왜 리액트인지를 알아보는 시간을 가지려고한다. 👨🏻‍🎨 리액트 == 자바스크립트 라이브러리 React, Angular, Vue 알지 못하더라도 셋 중 하나 이상은 꼭 들어봤을 것이다. 얘네들을 자바스크립트 라이브러리 / 프레임워크라고 부르는데 자바스크립트로 쉽고 편리하게 개발할 수 있도록 도와주는 공통 목적을 가지고 있다. 라이브러리 vs 프레임 워크 여기서 라이브러리와 프레임워크의 차이점에 대해 간단히 짚고 넘어가자면 라이브러리 : 개발의 편의를 위한 도구의 모음, '공구'에 비유할 수 있고 프레임워크 : 기반 구조까지 짜여져있는 거기에 다양한 도구들이 모여있는 공장에 비유할 수 있다. 이 중 리액트는 사용자에게 선택의 여지가 주어지는 자유도가 높은 라이브러리의 성격을 띄고 있..

JS/React 2021.07.27