
리액트 설치 전 준비 windows https://nodejs.org/ko/ Node.js 공식 홈페이지에서 LTS 다운로드 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 더보기 * Node.js를 사용하는 이유 Node.js + npm 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용할 수 있도록 하는 자바스크립트 런타임임. Node.js 패키지 매니저 도구인 npm이 함께 설치되어 패키지를 설치하고 버전관리가 가능함. macOS nvm을 이용하여 설치한다. (버전 업데이트와 버전 관리에 용이하다.) Node.js 홈페이지에서 다운 받아도 상관없다. 1. Visual Studio C..

리액트란 리액트는 메타 (구 페이스북)에서 만든 오픈 소스로 자바스크립트 라이브러리입니다. 리액트를 이용하면 상호작용이 많은 사용자 인터페이스 UI를 보다 쉽게 만들고 성능을 아끼면서 최적의 사용자 경험을 제공할 수 있습니다. Component 리액트에는 컴포넌트 component 라는 선언체가 있는데, 컴포넌트가 최초로 실행한 '초기 렌더링'에서 데이터가 변경되면 해당 컴포넌트만 효율적으로 갱신하고 리렌더링 하는 방식으로 애플리케이션을 View에 집중하여 UI 구현을 쉽게 설계할 수 있도록 하고 있습니다. 컴포넌트는 재사용 가능한 API로 다른 프레임 워크 템플리의 HTML 태그를 문자열로 반환하는 형식과 다릅니다. DOM 조작 최소화 리액트는 Virtual DOM 방식을 사용하여 실제 DOM에 바로 ..