공삼
article thumbnail


React의 SPA 란?

SPA (Single-Page-Application)는 어플리케이션을 단일 페이지로 구성하는 것을 의미한다. 

 

처음 웹페이지 전체가 한번만 로드되고, 이후에 사용자 인터페이스가 동적으로 변경되면서 필요한 데이터만 서버에서 가져오는 방식으로 동작한다. 

 

React 의 SPA는 여러개의 컴포넌트를 조합하여 구성되는데 각각의 컴포넌트는 독립적으로 작동하며, 필요에 따라 다른 컴포넌트와 상호작용 한다. 

 

쉽게 설명하면 Web에서 변경되어야할 부분(컴포넌트 단위)만 리 랜더링 되는것을 말한다.

 

 

 

Android의 fragment와 차이점

이러한 컴포넌트들은 어플리케이션의 fragment와 비슷한 개념이지만, 더욱 동적이고 재사용성이 높은 방식으로 작동한다.

 

React의 SPA는 React Router와 같은 라이브러리를 사용하여 라우팅을 처리하며, 필요한 데이터는 Ajax와 같은 비동기 방식으로 가져오게 된다. 

 

이러한 방식은 사용자 경험을 향상시키고, 서버 부하를 줄일 수 있게 해준다. 

 

 

 

 

 


 

결론

따라서 React의 SPA 방식 Android의 fragment는 비슷한 동작과정을 거치는 듯 보이지만

 

React의 SPA 방식이 더욱 동적이고 유연한 방식으로 구성된다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'CS > Mobile' 카테고리의 다른 글

(Flutter) 일본 1위 배달앱 의 리팩토링  (1) 2023.03.12
Retrofit API (REST API, RESTful API)  (0) 2023.03.08
profile

공삼

@g_three

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!