반응형
넷플릭스 화면을 보면 알 수 있다시피 어떤 카테고리를 클릭했을 때 화면이 전환되는 것이 서버에 html을 요청한 것이 아니라, 화면에 보이는 것을 변경하기 위해서 React.js를 통해 자바스크립트를 사용한 것입니다
이로 인해서 더욱 매끄러운 UI와 더 나은 사용자 경험을 제공해줄 수 있습니다.
이렇게 처음에 모든 정보를 받아서,
나중에 서버에 HTML을 재요청 하는 것이 아닌 필요한 컴포넌트가 있을 때마다 React에서 자바스크립트를 사용하여 페이지에 필요한 컴포넌트들을 제어 및 제공하는 것이다 Single Page Application 이라고 할 수 있죠.
사용자 측에서 보는 페이지 변경이 막힘 없이 부드럽게 연결 될 수 있는 비법이 바로 이 리액트에 있었습니다. 그 반대로 첫 화면에서 필요한 컴포넌트들을 모두 다운로드한다는 뜻이기 때문에, 일반적인 전통적인 웹사이트보다 첫번째 페이지의 로딩이 느릴 수 있다는 단점이 있겠죠.
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
| 6. 온라인 학습 커뮤니티에 참여하세요 (0) | 2023.05.30 |
|---|---|
| 5. react.js 대안 탐색하기(Angular/ Vue) (0) | 2023.05.30 |
| 3. 왜 "JavaScript" 대신 리액트 일까요? (0) | 2023.05.30 |
| 2. react.js는 무엇인가요? (0) | 2023.05.29 |
| 1. Maximilian의 React 완벽 가이드 시작 (0) | 2023.05.29 |