useFunnel 구현

[ghkd1418]

Feature

• useFunnel 을 구현한다.
• Funnel Step
  • position (initialStep)
  • stack
  • time
  • result

    Description

• useFunnel이 정상적으로 동작하는 테스트한다.

  To do list

• [x] Query Param의 funnel-step이 position 때, position 스텝이 렌더된다.
• [x] Step에서 setStep을 클릭하여 다음 Step으로 넘어간다.
• [x] funnel-step 쿼리 파라미터가 없고 initialStep이 있고, initialStep에 해당하는 스텝이 렌더된다.
• [ ] Step 중 A에 B가 의존하고 있을 때, 사용자가 B를 url로 직접 접근하려고 한다면 에러페이지를 랜더한다.
• [x] FunnelStep 중, 새로고침하면 url에 undefined가 표시되어, 새로고침 시 동작을 막고 알림창을 띄워준다.
  -> Routing을 막는 confirm modal을 띄우고, 새로고침 시, 접근에러 컴포넌트를 보여준다.
  #15 #18
• [x] useFunnel 제네릭 타입으로 수정
• [x] setStepState 함수 수정

  TroubleShooting

• ✅ <Funnel />에서 <Funnel.Step /> 타입 추론 안됨 bfe38af