React
React에 대해서 알아보자
Dev Park
12/3/2022
19 views
서론
백엔드가 데이터를 처리해 응답해주는 것이라면 프론트엔드는 데이터를 클라이언트를 표시해주는 역할을 한다.
오늘은 프론트엔드 패키지 중 하나인 React에 대해서 알아보자.
React란?
프론트엔드 개발자 사이에서 AngularJS, Vue.JS와 더불어 가장 많이 사용되고 있는 프론트엔드 패키지이다.
페이스북의 소프트웨어 엔지니어 Jordan Walke가 개발하였다.
PHP용 HTML 컴포넌트 프레임워크인 XHP에 영향을 받았다.
특징
가상 DOM을 사용할 수 있다.
리액트는 인 메모리 데이터 구조 캐시를 만들고 결과 차이를 계산한 다음 브라우저에 표시되는 DOM을 효과적으로 업데이트한다.
이로써 프로그래머는 마치 모든 페이지가 변경될 때마다 렌더링되는 것처럼 코드를 작성할 수 있는데, 실제로 리액트 라이브러리는 단지 실제로 변경되는 하위 컴포넌트만을 렌더링할 뿐이다.
JSX
JavaScript eXtension
React에서 HTML을 표현할 때, JSX를 사용한다. 외관상 HTML같은 마크업 언어를 리터럴로 입력하는 것으로 보이는데, 빌드 시 Babel에 의해 자바스크립트로 변환된다. 자바스크립트 코드를 HTML처럼 표현할 수 있기 때문에 용이한 개발이 가능하다.
마치며
오늘은 프론트엔드 패키지 중 하나인 React에 대해서 간단히 알아보았다.
다음시간에는 React 프로젝트를 생성해보고 간단한 프론트엔드를 구현해보자.