-
메타(페이스북)에서 개발한 오픈 소스 자바스크립트 라이브러리.
프레임워크가 아니라 라이브러리이기에 다른 프레임워크에 붙일 수 있다.
TypeScript, Sass같은 언어도 지원한다.
Single Page Application (SPA) 개발도구. 기존 html개발은 화면마다 만들어두고 불러오는 방식과 달리, 한번 불러온 한페이지에서 여러 화면을 제공하는 방식으로 한번 실행된 어플리케이션이 여러 화면을 보여주는 것과 닮았다. 최초로 한번 모든 정적 리소스를 받아오고, 새로운 페이지 요청 시 페이지 갱신에 필요한 내용만 전달받고 그내용 위주로 페이지를 갱신하는 Rendering방식으로 트래픽과 불필요한 갱신을 줄인다. html은 전체를 그리는 방식에 가깝다면 react는 각 요소마다 rendering호출이 분리되어 갱신이 필요한 영역만 rendering이 호출된다.
기존에는 DOM(Document Object Model)을 조작해서 브라우저에 화면을 나타내는 형식이었다.
DOM에 직접 접근하여 변화를 주면 html, css, js파일 전체를 다시 리랜더링하기 때문에 느려질 수 밖에 없었다.
그래서 리액트는 가상 DOM 을 이용한다, 데이터가 변경되면 리액트는 가상 DOM를 다시 변경한다. 그리고 이전의 가상 DOM과 비교해서 변경된 부분을 체크하고 변경된 부분만 실제 DOM에 적용한다.유사 도구
주 사용이 프론트엔드 개발자용이며, AngularJS, Vue.js 등이 있다.
GitHub Star 수로는 2022년 1월 기준 Vue 192K, React 181K, Angular 59K.참고
예제
2022.09.06 - React TutorialA01 프로젝트 생성과 단순 출력
2022.09.06 - React TutorialA02 컴포넌트 사용;
2022.09.07 - React TutorialA03 Css적용
'SwDevLib' 카테고리의 다른 글
dotnet NET 7.0 SDK (v7.0.102) (0) 2023.01.15 dotnet NET 6.0 Sdk (0) 2023.01.15 React TutorialA03 Css적용 (0) 2022.09.07 React TutorialA02 컴포넌트 사용 (0) 2022.09.06 React TutorialA01 프로젝트 생성과 단순 출력 (0) 2022.09.06 Redux (0) 2022.09.06 JSX (0) 2022.09.05 TypeScript 소개 (0) 2022.09.04