React - 기초 - 2
·
SE Bootcamp 내용 정리
React SPA 학습 목표 * SPA(Single-Page Application)의 개념 * SPA의 장, 단점 * 와이어프레임을 보고 컴포넌트 구분하기SPA(Single-Page Application) SPA의 등장 배경, 개념, 장단점 SPA의 등장 배경과 개념 전통적인 웹사이트에서는 사용자가 웹사이트 내 다른 페이지 이동시 브라우저가 매번 “페이지 전체”를 불러옴 → 페이지 전체를 불러오는 행위: 깜빡인다 → 중복되는 요소들도 매번 로딩해서 불필요한 트래픽 발생시키고 느리게 함 → 웹사이트가 복잡해지고 애플리케이션 형태로 되며 사용자와 서비스 사이의 상호작용이 증가하며 이 방식의 한계점 SPA의 경우 Menu, Footer와 같이 페이지 전환 후 중복되는 부분은 새로 로딩하지 않는다 → 업데이트가..