리액트는 일반적인 DOM이 아닌 Virtual DOM 이라는 녀석을 사용한다. Virtual DOM을 설명하기 앞서 먼저 DOM에대해 알아보자 DOM이란? Document Object Model의 준말로, 객체들로 문서 구조를 표현하는 방법이다. 대표적인 예시로 HTML이 있다. DOM의 한가지 문제점은 동적 UI에 최적화되어 있지 않다는 점이다. HTML은 자체적으로 정적이어서 js를 이용해 이를 동적으로 만드는데, 프로젝트 규모가 커지면 DOM에 직접 접근하여 변화를 주게되는 순간 성능 이슈가 발생한다. 따라서 리액트는 DOM 업데이트를 추상화 하여 처리횟수를 줄이는 Virtual DOM 방식을 사용한다. Virtual DOM Virtual DOM은 실제 DOM을 추상화한 js객체를 구성한다. 마치 ..

리액트는 자바스크립트로 만들어진 라이브러리이다. js로 만들어진 라이브러리는 웹개발에 문외한인 나도 몇개는 알고있을 정도로 굉장히 유명하다. 리액트도 그중 하나이며 JQuery, Angular, Express, Vue.js, Node.js, Next.js 등등 엄청 많다. 각 라이브러리마다 쓰임새가 다른데 우리가 공부하는 리액트는 어떤 역할일까? 우선 리액트는 프론트엔드 즉, 사용자 인터페이스를 만드는 라이브러리이다. 그럼 왜 리액트는 인기가 많을까? 리액트는 우선 기존의 MVC(Model - View - Controller), MVVM(Model - View - View Model) 패턴과는 다른 오직 뷰만 중시하는 패턴이다. Model은 애플리케이션에서 사용하는 데이터를 관리하는 영역, View는 사..