🏃‍♀️ Day 9

오늘은 페이지 이동에 가장 중요한 부분인동적 라우팅 (Dynamic Routing)을 배우는 시간이 있어서, 이 부분에 대해 고민하고 적용해서 페이지의 이동을 효과적으로 하는 것을 배운다.

🗓 to do

• 동적 라우팅 세션
  • 동적 라우팅에 대한 점을 이해하고 적용하기
• 메인 페이지에서 shoplist 페이지로 이동하기
  • 접근 방법에 따른 데이터 나오게 하기

🧩 Process

동적 라우팅 세션

동적 라우팅에 대한 세션을 진행했는데, 해당 부분에 대한 이해가 정말 필요하다고 생각했다. 원래는 같은 틀에 다른 데이터를 받아오는 페이지를 여러개 구현하려 했는데, 그렇게 하지 않고, 담겨있는 정보를 가지고 api를 호출 할 수 있기 때문에 상당히 효율적으로 코드를 짤 수 있겠다.

직접 적용

직접 적용하기에는 약간 문제가 있었기에 Wecode에서 제공하는 monster라고 하는 과제를 통해서 적용해 보았다.

새로운 것을 보고 배울 때 마다 굉장히 즐거운 반면, 두렵기도 하다. 새로운 것을 배우고, 그 기능을 내가 생각한 대로 적용해 보는것이 즐겁고, 해당 기능이 적용 되지 않았을 때의 고민하며 괴로워하는 시간과그에 따른 현타가 오는 것이 두렵다.

📝 issue

today problem

• 데이터 구조
  • 문제 : 검색이나 카테고리를 통해 받게 되는 데이터의 구조가각각 달라서 하나의 페이지에서 같은 방식으로 데이터를 화면에 구현할 수없는 문제가 발생함
  • 해결 방법 : 동적 라우팅을 적용해 보려 했지만, 아직 이해가 되지 않은 상황이라 적용하기 어려워 일단 페이지를 나누려고 함
  • 느낀 점 : 처음 페이지를 구성할 때부터 해당 기술에 대한 이해가 있었다면 그 부분을 기준으로 코드를 구성했을 텐데 그렇지 못한게 아쉬웠다.

what to do tomorrow

• 기능 구현에 집중
  • 이제 슬슬 merge가 되고 있기 때문에, conflit를 대비해야한다.
• 데이터 구조 정립
  • 데이터 구조에 따라 어떻게 데이터를 이용할지에 대한 고민