리액트 2

리액트 작업 환경 설정

리액트 프로젝트를 만드려면 우선 Node.js를 먼저 설치해야 합니다. Node.js는 크롬 V8 자바 스크립트 엔진으로 빌드한 자바스크립트 런타임입니다. 이것으로 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있습니다. Node.js 버전LTS 버전은 장기적으로 안정적인 지원을 제공하는 버전을 의미 운영체제 별 Node.js 설치 방법 macOs : Homebrew 설치 후 brew install node 명령어 입력 windows : nodejs.org/ko/ 다운로드 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Yarn : npm을 대체할 수 있는 도구로 np..

리액트 2021.03.23

리액트란?

리액트 자바스크립트 라이브러리로 사용자 인터페이스를 만드는 데 사용합니다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 View만 신경 쓰는 라이브러리입니다. 컴포넌트 재사용이 가능한 API로 수많은 기능들을 내장하고 있으며, 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의합니다. 렌더링 사용자의 화면에 뷰를 보여준 것 렌더링 순서 렌더링 -> HTML 마크업(...) -주입-> DOM -> View 특징 Virtual DOM을 사용 Virtual DOM이란 ? 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성합니다. 웹 브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용합니다. DOM은 트리 형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 ..

리액트 2021.03.23