[28일차 회고] React SPA, Route

1. React SPA, Route

새로 배운 것(새로 배운 내용의 키워드를 간단히 설명)

1. SPA: Single Page Application의 약자로, 페이지를 갱신할 때 필요한 데이터만 받아서 업데이트하는 웹 어플리케이션
2. MockUp: WireFrame에서 시각적인 요소를 추가하여 정적인 화면을 구현하는 방법
3. <BrowserRouter>: React Router의 컴포넌트들의 가장 상단에서 위치하며, history API를 이용해 페이지 새로고침없이 주소 변경을 가능케 한다.

이미 알고 있던 것(간단히 키워드로만 나열)

• React Route
• WireFrame
• Routes, Route, Link
• useNavigate()

2. 추가 학습(주간 정리) 및 활동

• WireFrame - MockUp - Prototyping의 관계
• CSR, SSR 추가 공부
• Study
  1. DeepDive 스터디 프로그래머스 61~65번 풀이
  2. 수정중
• Project(Flag)
  1. EditPage 레이아웃 수정
  2. EditPage 프로필 기본 사진 기능 추가

3. 회고

• 리액트 SPA는 정말 많이 들어봤지만, 한번도 찾아볼 생각을 하지 않았었다. 이번에 알게 되면서 어느정도 지식이 정리가 되는 거 같아서 좋았다.
• React SPA => SEO => CSR, SSR 이라는 꼬리에 꼬리를 무는 접근이 되어버렸다. 더 자세한 정리는 나중에 블로깅을 할 만한 지식이 저장되었을 때 하는게 좋겠다.
• 이번주까지만 주간 회고를 늦추는걸로 하자. 오늘 주간 회고를 올리는데 기억이 나질 않아서 진땀을 뺐다.
• 수업 중간에 너무 졸려서 잠깐 기절을 했다. 잠을 더 늘려야 할 거 같다. (할게 너무 많다...)

4. 정리 자료

28일차 정리 자료

5. Next day's to-do list

• DeepDive 프로그래머스 66~70 문제 풀이
• DeepDive 108p ~ 126p