02-1 가상 DOM 이해하기 리액트 프레임워크를 구성하는 기본 3요소 가상 DOM JSX 구문 컴포넌트 가상 DOM 해당 명령어를 입력하여 새 Project 생성 04행의 App은 리액트 프레임워크에서 컴포넌트라고 불림 07~14행은 리액트의 핵심기능을 모두 보여줌 11행의 React.StrictMode 는 코드가 잘못된 것인지 판단하여 오류메세지를 보여주는 컴포넌트 17버전과 다르게, 서버쪽의 렌더링 기능이 향상되었음 React와 React-DOM 패키지 리액트 프로젝트는 항상 React와 React-DOM 패키지가 필요 React는 리액트 앱이 동작하는 환경과 무관하게 공통으로 사용하는 기능을 제공하는 패키지 React-DOM, 렌더러라고 불리는 패키지는 앱이 동작하는 환경에 종속적인 기능을 제공하..

리액트 프레임워크 이해하기 리액트란? 2013년 페이스북에서 발표한 오픈소스 자바스크립트 프레임워크 가상 DOM(Document object model), JSX(JavaScript XML)라는 새로운 방식으로 동작 프론트, 백 중 프론트에 해당하는 프레임워크로 분류 웹 서버의 작동 방식 웹 서버의 경우, 웹 브라우저가 요청하는 다양한 유형의 자원을 제공하는 역할을 수행 이 때, URL 문자열을 HTTP 프로토콜로 사용하여 웹 서버에 요청해야 함 이를 HTTP 요청이라 한다. 요청을 받은 웹 서버는 해당 자원을 웹 브라우저로 전달 이를 HTTP 응답이라 한다. 이후 이 응답을 사용자가 볼 수 있도록 웹 페이지 화면에 보여준다. 이를 렌더링 이라고 한다. 그 이후 다른 자원을 다시 요청하면, 전에 있던 렌..