STOTV NOW [트러블 슈팅(5)]- URL을 DB로 사용하기(feat. 쿼리 스트링)

오늘은 STOTV NOW에서 live 방송 페이지를 만들다가 닥친 문제와 이를 해결한 방법을 정리해보려고 한다! 0.

닥친 문제 live 방송 페이지를 공통 컴포넌트로 만들다보니, 각각 다른 live 방송 페이지마다 다른 데이터를 전달해줘야했다. 물론 상위 컴포넌트에서 props로 데이터를 전달해주는 것도 방법 중 하나이지만 드릴링, 리렌더링 문제 등 좋은 선택은 아닌 듯 했다.

그래서 원래대로라면 각각의 데이터를 저장한 DB를 만들어서 각 페이지마다 다른 데이터를 불러오는 것이 방법이긴 했지만 데이터의 개수를 봤을 때 DB를 따로 만드는 것이 성능면에서나 효율적인 면에서 좋은 방법은 아닌 듯했다. 그래서 어떻게 각각 다른 페이지마다 다른 데이터를 줄 수 있을 지에 대한 문제에 봉착했다. 3개의 다른 live 방송 페이지가 필요했다. 1.

해결 방법 그러다 코딩애플님이 영상으로 올려주신 URL을 DB로 사용하는 방법이 떠올랐다. https://youtu.be/pCOBmmJARPE?s...