1. 리액트 개요 및 웹 개발에서의 활용 설명
React를 왜 사용할까?
- 동적인 웹 페이지를 보다 효율적으로 유지 보수하고 관리할 수 있어요.
- 위의 설명대로라면 요즘 우리가 사용하는 웹 페이지의 대부분이 동적 웹 페이지라는 것을 떠올릴 수 있어요. 동적 웹 페이지를 구현하려면, 유저 인터랙션에 따라 DOM 요소를 변경해야 해요.
- 그러나 DOM 요소의 변화를 개발자가 직접 관리하는 것은 쉽지 않아요.
- 매번 작은 이벤트가 발생할 때마다 전체 화면을 새로 렌더링하는 것은 성능에 좋지 않아요.
⇒ DOM 요소를 쉽게 관리하고, 효율적으로 필요한 부분만 재렌더링을 하기 위해 사용하는 것이 바로 React입니다!
React가 정확히 뭔데?
- 2013년 페이스북에서 출시한 사용자 인터페이스 라이브러리
- 컴포넌트 기반의 아키텍처를 사용하여 UI를 구성해요.
- 각각의 컴포넌트들은 재사용성이 높기 때문에 코드의 유지보수와 개발 생산성을 향상시켜요.
- Virtual DOM을 사용하여 UI를 효율적으로 렌더링해요.
- 우리가 구현한 JS 코드에 따라 내부적으로 일단 Virtual DOM을 구성하고, 실제 DOM과 비교를 통해 실제로 변화가 필요한 곳만 재렌더링을 하는 방식을 사용해요. 전체 페이지를 재렌더링하는 것보다 매우 효율적이죠?
- 주로 SPA(Single Page Application) 개발을 쉽게 하기 위해 사용돼요.
이밖에도 React를 사용하면 이러한 장점이 있어요!
- 로직과 뷰를 분리하여 개발하기 쉬워요.
- 컴포넌트 기반의 개발을 하면 여러 개발자들이 분업을 하기 편리해요.
- 상태 관리와 상태에 따른 뷰의 변화를 제어하기 쉬워요.
- 다른 라이브러리/프레임워크에 비해 React 생태계는 매우 활발해요.
- React Native를 사용해 모바일 개발도 쉽게 할 수 있어요.
하지만 단점도 있긴 있어요.