자바스크립트 + 리액트 디자인 패턴

276

자바스크립트 + 리액트 디자인 패턴

지난 몇 년 동안 자바스크립트를 사용해

UI

를 구성하는 간단하고 직관적인 방법에 대한 관심

이 증가해 왔습니다. 이에 따라 프론트엔드 개발자들은 다양한 라이브러리 및 프레임워크에

서 혁신적인 솔루션을 찾아다니기도 합니다. 그리고 이러한 면에서 리액트는

2013

년에 처음

출시된 이후 지금까지 꾸준한 인기를 누리고 있습니다. 이번 장에서는 리액트 환경에서 유용

하게 사용할 수 있는 디자인 패턴들에 대해 살펴보겠습니다.

React

.

js

라고도 불리는 리액트

01

는 메타

02

에서 개발한,

UI

및

UI

컴포넌트를 만들기 위한 오

픈 소스 자바스크립트 라이브러리입니다. 물론 리액트가 유일한

UI

라이브러리는 아닙니다.

Preact

03

,

Vue

.

js

04

, 앵귤러

Angular

05

, 스벨트

Svelte

06

,

Lit

07

등도 재사용 가능한 요소를 기반으로

인터페이스를 구축하는 데 뛰어납니다. 다만 최근 리액트의 높은 인기를 고려해 리액트의 디

자인 패턴에 대해 다루기로 선택했습니다.

12.1

리액트 소개

프론트엔드 개발자들은 대부분 웹 인터페이스 설계에 대해 관심이 많습니다. 이러한 웹 인터

페이스는 버튼, 목록, 네비게이션 등과 같은 요소들을 뜻합니다. 리액트는 인터페이스를 표

현하는 최적화 및 간소화된 방법을 제공합니다. 또한 인터페이스를 ...