내가 React를 선택한 이유

1. React란 무엇인가.

React는 웹 개발에서 중요한 자리를 차지하고 있는 JavaScript 라이브러리이다. 주로 SPA (Single-Page Application)의 사용자 인터페이스를 구축하는 데 사용된다. React는 페이스북의 소프트웨어 엔지니어인 Jordan Walke에 의해 처음 개발되었으며, 2013년에 페이스북에 의해 공개되었다. 이후로 전 세계적으로 수많은 프로젝트와 애플리케이션에서 중요한 역할을 담당하고 있다.

 

 

2. 리액트를 선택한 이유

0) 쉽다

JS만을 사용하여 React를 쉽게 배우고 웹 및 모바일 프로그램을 개발할 수 있다. JS만을 사용해도 되지만 HTML과 JS의 혼합된 JSX 구문을 사용하면 휠씬 쉬워진다.

 

1) 강력한 커뮤니티와 생태계
많은 회사와 사람들이 사용하는 리액트에는 수많은 오픈소스 프로젝트, 라이브러리, 도구들이 있다. 이는 필요한 자료를 쉽게 찾고 다양한 문제를 해결할 수 있는 방법을 제공한다.

 

2) 컴포넌트 기반 아키텍처
React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있다. 컴포넌트를 레고처럼 다루어 레고조립을 하듯이 컴포넌트를 조립하여 UI를 개발하여서 유지 보수하기에 유리하다. 

 

3) Virtual DOM의 사용
리액트는 Virtual DOM을 사용하여 효율적인 렌더링을 가능하게 한다. 이는 리액트가 실제 DOM과 Virtual DOM 사이의 차이점을 찾아내어 그 차이점만을 실제 DOM에 반영하는 방식으로 작동한다. 그로인해 페이지 전체를 렌더링 하지 않고 렌더링이 필요한 부분만 렌더링을 할 수 있다.

4) 선언적 UI
리액트를 사용하면 개발자는 UI의 상태가 어떠해야 하는지 선언적으로 기술할 수 있으며, 리액트가 필요한 변경을 DOM에 자동으로 반영합니다. 이 접근 방식은 코드의 가독성을 향상시키고, 버그 발생 가능성을 줄여줍니다.

 

5) 유연성과 호환성
리액트는 Redux나 MobX와 같은 상태 관리 라이브러리와의 결합, 서버 사이드 렌더링을 위한 Next.js와의 통합 등 다양한 환경에서의 유연한 사용이 가능합니다.

 

6) React Native
리액트 네이티브를 사용하면 리액트 문법으로 모바일 앱 개발도 가능합니다. 이는 단일 코드 베이스로 하나의 앱을 빌드하여 비용을 절감할 수 있으며, 다양한 운영 환경에 맞춤형 결과를 제공합니다.

 

7) SPA

SPA는 HTML, CSS, JS 파일을 최초 1회만 로드하고 이후에는 JS 파일을 통해 필요한 HTML 파일을 조작하는 방식을 말한다. 처음 한번만 요청하면 파일이 불러와지기 때문에 페이지 이동할 때 새로운 페이지를 요청하지 않아도 된다. 화면의 필요한 데이터만 불러오기 때문에 처리 과정이 효율적이며 속도도 빨라 사용자 경험에서 좋다.

결론

 

리액트는 많은 사람들이 사용하고 있어서 수 많은 프로젝트, 라이브러리, 도구들이 있고 검색을 통해 내가 겪는 문제상황을 빠르게 해결할 수 있다.

컴포넌트기반으로 레고조립을 하듯이 컴포넌트를 조립해서 UI를 개발하여서 유지 보수하기 쉽다.

돔과 버튜얼 돔의 차이점을 찾아서 차이나는 부분만 렌더링하여서 새로고침없이도 화면전환이 가능하다.

SPA는 HTML, CSS, JS 파일을 최초 1회만 로드하고 이후에는 JS 파일을 통해 필요한 HTML 파일을 조작하는 방식을 말한다.

 

레퍼런스

코딩애플

모두의 연구소

용뇽의 개발노트