[28일차 회고] React SPA, Route

김준표·2023년 3월 23일
0

코드스테이츠 회고

목록 보기
28/49
post-thumbnail

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
profile
프론트엔드 개발자 | 문제가 있는 내용이 있다면 댓글로 알려주세요.

0개의 댓글