[#114] Feat: 계정 삭제 페이지 layout 구현

[hyeonjinan096]

📝 작업 내용

계정 삭제 페이지 layout 구현했습니다.

✅useFunnel 훅 구현

useFunnel 초기값은
const { Funnel, Step, setStep, currentStep } = useFunnel([ 'step1','step2'] as const);
이렇게 배열과 as const로 지정합니다.

<Funnel>
  <Step name="step1">
    <DeleteConfirm onNext={()=>setStep("step2")} />
  </Step>
  <Step name="step2">
    <DeleteCompleted />
  </Step>
</Funnel>

이런 형태로 컴포넌트 간 이동을 위해 훅을 사용할 수 있습니다.

📷 스크린샷 (선택)

💬 리뷰 요구사항(선택)

className 중복되는게 많아서 컴포넌트화를 고민하다가 중복되는 className을 변수화했는데 적절할까요?
코드 구조가 적절한지 고민이 되네요😅

close #114

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zzalmyu-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 11, 2024 2:24am

[choi-ik]

LGTM!!🚀

[yjc2021]

step에서 DeletionConfirm , DeleteConfirm, DeletionCompleted, DeleteComplete가 혼용되고 있는 것 같습니다! Deletion 또는 Delete 하나로 통일해야 할 것 같아요

[hyeonjinan096]

앗 죄송합니다 Delete로 통일하겠습니다ㅠ

[yjc2021]

LGTM 🦖