reactjs (2) 썸네일형 리스트형 [ReactJS] JSX JSX란? 자바스크립트의 확장 문법으로 XML과 매울 비슷하게 생겼으며, 이런 형식으로 작성한 코드는 브라우저에서 실행되기 이전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형식으로 변환된다. -JSX 예제 ● JSX의 장점 - 가독성이 좋고 익숙하다. HTML코드와 비슷하기때문에 가독성도 좋으며, 읽기도 쉽다. - 높은 활용도 HTML 태그 뿐만이 아니라 컴포넌트 또한 JSX 안에서 작성할 수 있다 ex) [ReactJS] Virtual DOM ReactJS 리액트는 자바스크립트 라이브러리로 UI를 만드는 데 사용한다. 구조가 MVC(Model-VIew-Controller), MVVM(Model-View-ViewModel)등인 프레임워크와 달리 오직 V(View)만을 신경 쓰는 라이브러리이다. Virtual DOM 이란? 리액트의 주요 특징 중 하나는 가상 문서 객체 모델(Virtual DOM)을 사용하는 것이다. 우선 문서 객체 모델(DOM) 이란 Document Object Model의 약어로 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML을 이용하여 작성한다. 웹 브라우저는 DOM을 이용하여 객체에 자바스크립트와 CSS를 적용하고 DOM은 트리 형태로 특정 노드를 찾거나 수정하거나 제거하고, 원하는 곳에 삽입이 가능하다. Virt.. 이전 1 다음