성연이의 프로그래밍 블로그

React의 가장 큰 특징은 Virtual DOM이다. 1. DOM(Document Object Model) 객체로 문서 구조를 표현하는 방법으로 XML or HTML로 작성 웹 브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용 DOM = 트리 형태. 특정 노드 찾기, 수정, 제거, 삽입 가능 많은 플랫폼과 웹 브라우저에서 DOM API 사용 2. DOM의 단점 = 느림 동적 UI에 최적화되어 있지 않음 HTML은 자체적으로 정적이지만 자바스크립트를 사용하여 동적으로 만들 수 있음 DOM 자체는 빠름. DOM 자체를 읽고 쓸 때의 성능 = 자바스크립트 객체를 처리할 때의 성능 웹 브라우저 단에서 DOM에 변화가 일어나면 웹 브라우저가 CSS를 다시 연산, 레이아웃 구성, 페이지 리페인트를 ..

1. 리액트란? 사용자 인터페이스를 빌드할 수 있는 JavaScript 라이브러리 페이스북에서 제공해주는 프론트엔드 라이브러리 기존의 뷰를 없애고, Virtual DOM을 사용하여 처음부터 새로 렌더링을 하여 빠른 속도로 뷰를 변경시켜준다. 2. 장점 Virtual DOM을 사용하여 속도가 빠르다. 자바스크립트 친화적이다. 간단한 개념만 알면 웹, 앱 모두 개발이 가능하다. 최대한 성능을 아끼고, 편안한 ux를 제공한다. 3. 특징 Javascript 라이브러리 MVC, MVW등인 프레임워크와 달리 오직 View만 신경 쓰는 라이브러리 4. 컴포넌트 특정 부분이 어떻게 생길지 정하는 선언체 제사용 가능 API. 수많은 기능 내장 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식 정의 컴포넌트 내부에 ..