Section2-Unit5 [React SPA]

SPA

: 페이지 전체 로드가 아닌 page 갱신에 필요한 데이터를 받아와 해당 데이터로 페이지를 업데이트하여 페이지 사용자와 소통하는 웹 혹은 app

장점

• 빠른 속도의 상호작용과 적은 데이터 로드에 의한 저부하
• 빠른 렌더링을 통한 유저맞춤

단점

• Js의 비중이 커 첫 화면 로드시 전체 Js를 로드해야 함으로 첫 로드 시간이 길음
• 검색 엔진 최적화에 약점이 있음

Wireframe

: 웹 페이지 레이아웃 구성과 기본적인 요소들에 대한 정보를 담은 틀

=> wireframe과 spa를 사용해 컴포넌트간의 정보 교환이 유동적이 설계를 해야함

React Router

• 다른 주소를 가진 화면마다 다른 뷰를 보여주기 위해 사용(Routing)

• 컴포넌트 구성

  • BrowerRouter : 라우터 어떠한 경로(주소)로 데이터를 전송할 것인지 결정
  • Routes & Route: 경로를 매칭함
  • Link : 경로를 변경함