동적라우팅

프로젝트

React | 프립 클론 프로젝트

2022.01.28

2nd TEAM Project 1차 프로젝트였던 마켓컬리 클론 프로젝트가 끝나고 곧이어 진행되었던 2차 프로젝트에서는 여가, 액티비티 공유 플랫폼인 프립을 클론하게 되었다. 이전 프로젝트 때 화면 구현조차 완벽하게 하지 못해 아쉬운점이 너무 많았고 2주 간의 프로젝트 기간 외에 추석연휴 1주가 포함되어 있어 사실상 3주라는 시간이 주어졌기에 개인적으로 많은 욕심이 났던 프로젝트이다. 하지만 예상치 못한 여러 난관들로 인해 이전 프로젝트 못지않게 많은 아쉬움을 남기고 마무리 했어야만 했던 두번째 팀프로젝트를 회고해보려 한다. 작업기간🔥 2021.09.13 ~ 2021.10.01 (추석 연휴 1주 제외) 기술스택 FE : 3명 React Javascript Styled Component BE : 3명 Dja..

React

React | 동적 라우팅

2022.01.26

동적 라우팅 1가지 경로에 대해서만 페이지 이동이 가능한 정적 라우팅과 달리 동적 라우팅은 id 값에 따라 수많은 url 파생시켜주는 기능이다. 동적인 경로에 대한 라우팅을 통해 한가지 레이아웃에 수 십, 수백 가지의 다른 데이터들이 들어가 다른 정보를 보여주는 페이지들을 쉽게 만들 수 있게한다. (예를 들면 커머스 사이트에 일정한 틀을 가진 상품 상세페이지에 id 따라 각기 다른 상품들의 데이터를 보여주는 것과 같은 기능) 동적 라우팅의 방법에는 아래 2가지 방법이 존재한다. Path Parameter // Bad "/users/1" => "/users/2" => "/users/3" => "/users/4" => "/users/5" => // Good "/users/:id" => // this.prop..

React | 프립 클론 프로젝트

React | 동적 라우팅

티스토리툴바