Feat/use funnel

[jonique98]

1️⃣ 어떤 작업을 했나요? (Summary)

• resolved feat: useFunnel 배포 #65

기존 코드에 영향을 미치지 않는 변경사항

• useFunnel을 패키지로 옮겼습니다

기존 코드에 영향을 미치는 변경사항

기존의 useFunnel과 다른 변경사항이 존재합니다

function useFunnel(initialStep: string, steps: string[]);

• initialStep (string): 퍼널의 초기 스텝을 설정합니다.
• totalSteps (string[]): 퍼널의 전체 스텝을 설정합니다.

Return value

• Funnel: 퍼널 객체입니다. 상위 컴포넌트로 활용합니다.
• next: 다음 스텝의 컴포넌트로 이동합니다.
• prev: 이전 스텝의 컴포넌트로 이동합니다.
• setStep: 특정 스텝의 컴포넌트로 이동합니다.

example

const MyComponent = () => {
  const { Funnel, next, prev, setStep } 
  	= useFunnel('step1', ['step1', 'step2', 'step3']);

  return (
	<Funnel>
	  <Funnel.Step name="step1">
	  	<div>Step1 Component</div>
	  	<button onClick={next}>Next</button>
	  </Funnel.step>
       <Funnel>

버그 픽스

2️⃣ 알아두시면 좋아요!

• 처음해봐서 빼먹은 작업있을 수 있습니다 알려주시면 바로 할게요

3️⃣ 추후 작업

4️⃣ 체크리스트 (Checklist)

• main 브랜치의 최신 코드를 pull 받았나요?