[TIL]2023-03-23

오늘 배운 것

• React SPA(Single-Page-Application)
• React Router

import {BrowserRoute, Routes, Route, Link } from 'react-router-dom';

• grid (블로깅 완료)

---

기억할 것

• SPA는 업데이트가 필요한 부분만 새로 불러온다.
• SPA 장점
  1. 사용자의 행동에 빠르게 반응한다.
  2. 과부하 문제 줄임
  3. 더 나은 사용자 경험
• SPA 단점
  1. 대부분 코드가 js 파일안에 있어 javascript 파일이 무거워짐 -> 첫 화면 로딩 시간이 길어짐
  2. 검색 엔진 최적화(SEO)가 좋지 않다
• React Router 주요 컴포넌트 3가지
  1. BrowserRouter : 라우터 역할
  2. Routes & Route : 경로 매칭
  3. Link : 경로 변경
• useNavigate

 

 

---

내일 공부할 것

• state, props

---