Tag Archives: 리액트

02. 리액트 동작 원리

      02. 리액트 동작 원리에 댓글 없음

02-1 가상 DOM 이해하기 리액트 프레임워크를 구성하는 3요소 – 가상 DOM(Virtual DOM), JSX(JavaScript XML), 컴포넌트(Component) React.StrictMode – 코드가 잘못되었는지 판단하여 오류 메세지를 보여주는 컴포넌트 reportWebVitals – 앱의 성능을 측정 react와 react-dom 패키지 react – 앱이 동작하는 환경과 무관하게 공통으로 사용하는 기능(컴포넌트, JSX, 리액트 훅 등) Virtual DOM XML이나 HTML문서는 element로 구성되어 있으며, 그것들의 트리구조(tree structure) 또는 계단 구조(cascading tree)로 되어… Read more »

01. 리액트 개발 준비

      01. 리액트 개발 준비에 댓글 없음

01-1. 리액트 프레임워크 이해하기 – SPA (Single Page Application) 하나의 페이지로 동작. 책에서는 브라우저의 깜빡임으로 설명하고 있음.백엔드에서 받은 JSON 데이터를 해석하여 현재 화면에서 사용자가 새로 요청한 부분만 동적으로 화면을 생성 – MPA (Multi Page Application) 여러 페이지로 동작.사용자 요청이 있을 때마다 새로운 HTML을 전달받는 기존 방식 “리액트” 리액트는 ‘싱글 페이지 애플리케이션을 만드는 프런트엔드 자바스크립트 프레임워크’ – 프런트엔드 프레임워크 클라이언트에서 동작하는… Read more »