🔥 Today

• [ByteDegree] react

• react router을 공부했다. 매번 서버에서 데이터를 받아오지 않고 클라이언트가 라우팅을 담당하게 하는 것을 간단하게 해주는 써드파티 라이브러리이다.

  • App.js에서 Route컴포넌트를 이용하여 사용자가 요청하는 주소 연결하기
  • <Route path="주소규칙" component={보여주고싶은 컴포넌트}>
  • 이때 경로가 완벽히 일치해야만 컴포넌트를 보여주게 하는 landing component의 route에는 exact props를 true로 설정해야한다.
  • Link를 통해 다른 주소로 이동이 가능하다.

• 파라미터 : 특정 id나 이름을 가지고 조회할 때 사용, 쿼리 : 어떤 키워드를 검색, 요청할 때 필요한 옵션전달

  • 파라미터를 받아올 땐 match 안에 들어있는 parmas값을 참조한다.
  • 쿼리는 route 컴포넌트에게 props 전달되는 location 객체에 있는 search 값에서 읽어올 수 있다.
  • • search값은 문자열 형태로 되어있기 때문에 객체로 변환하기 위해 qs라이브러리르 사용하여 쉽게 할 수 있다.

• mini project - 2
  • Dialog가 전달받는 데이터별로 구분되는 onConfirm은 해결했는데, form value를 받아오는 작업을 못하겠네.. create만 생각하면 form을 분리하고 싶은데 update 때문에 어떻게 해야할지……..🤦‍♀️

🔥 To Do

• [ecommerce-website] ⏩
• [부스트코스] project B
• [Algorithm] javaScript 매일 1문제 이상 풀기
• [부스트코스] CS 자료구조, 알고리즘 강의

• [ByteDegree] React 6주차 - API연동, Router, Redux ⏩
  • 6주차 Quiz : ~ 01/04
    • Mini Project / Part2 / 지출 기록 서비스 구현 : 12/21 ~ 01/04 ⏩