[React] React란? React의 장점

 

들어가며,

오늘은 React에 대해 소개하는 시간을 가져보려한다!

군말없이 시작

---

📌React 란??

 

React는 Facebook에서 개발한 JavaScript 라이브러리로, 사용자 인터페이스를 만들기 위한 도구이다.

React는 UI를 구성하는 데에 중점을 두는데, 특히 UI를 interative 하게 만들어 준다.

1. 전체 프로그램 설계를 깔끔하고 일관성 있게 정리할 수 있는 조직성(organization)이 강함
2. 미리 만들어 놓은 조각을 다시 사용할 수 있어 코드 재사용성(reusability)이 높음
3. 기본 웹 프로젝트뿐 아니라 모바일 앱(React Native로 구현), 데스크탑 앱(Electron으로 구현)을 만들 수 있다는 점에서 매우 유연성(flexibility)이 높음

 

React의 핵심 개념 중 하나는 "컴포넌트"이다. 컴포넌트는 재사용 가능한 UI 요소를 나타내며, 각각의 컴포넌트는 자체적으로 상태(state)를 가질 수 있다. 이러한 컴포넌트들을 조합하여 복잡한 UI를 구성할 수 있다.

또한 React는 Virtual DOM(가상 DOM)을 사용하여 성능을 최적화한다. 이는 실제 DOM과 동기화되는 작업을 최소화하여 더 빠른 UI 업데이트를 가능하게 한다.

React는 단일 페이지 애플리케이션(SPA) 개발에서 매우 유용하며, JSX라는 JavaScript의 확장 문법을 사용하여 UI 구성을 더욱 직관적이고 효율적으로 만들 수 있다.

결론: React는 유연하고 효율적인 방식으로 사용자 인터페이스를 구축하고 관리할 수 있는 도구이다.

 

📌React 사용시 장점

 

단방향 데이터 흐름 (One-Way Data Binding): React는 데이터의 흐름을 단방향으로 유지하여, 어플리케이션의 상태 변화를 예측 가능하게 한다. 이는 버그를 줄이고 코드를 예측 가능하게 만든다.

React Hooks: 함수형 컴포넌트에서 상태 관리 및 생명주기 기능을 제공하는 Hooks API가 도입되었다. 이를 통해 클래스 컴포넌트를 사용하지 않고도 상태를 관리하고 다양한 기능을 구현할 수 있다.

React Native: React Native를 사용하면 React의 개념과 구문을 활용하여 iOS와 Android 모바일 애플리케이션을 개발할 수 있다. 이는 개발자가 웹과 모바일 플랫폼 모두에서 사용할 수 있다.

테스트 용이성: React는 테스트가 쉽고 효율적으로 수행될 수 있도록 설계되었다. 가상 DOM을 사용하여 유닛 테스트와 통합 테스트를 쉽게 작성하고 실행할 수 있다.