[Codestates] 2021. 4. 30

SPA

• SPA : Single Page Application
• 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식
• 장점 : 과부하 문제 해결, 보다 나은 유저 경험
• 단점 :
  JS 파일의 크기가 크기 때문에, 첫 화면 로딩 시간이 길다.
  검색 엔진 최적화 (SEO) 에 취약하다.

Router

• <BrowserRouter> : 최상위에 위치
• <Switch> : Route를 감싸서 경로가 위치하는 라우터만 렌더링
• <Route> : path 속성을 지정해 어떤 컴포넌트를 보여줄지 결정
• <Link> : 경로를 지정해주는 컴포넌트

중요!

• map 등 반복문을 사용할 때
  고유한 ID 같은 key로 넣어줘야한다.
  ex. <Tweet key={tweet.id} tweet={tweet} />