[Feat] 기본 숨은 그림 찾기 페이지 구현, 기존 store 로직 수정, 공통 컴포넌트 구현

[Dunkkkk]

구현사항

• 숨은 그림찾기 Page 구현 및 게임 로직 구현
• SmileBadge 공통 컴포넌트 구현
• useExistState 라는 기존에 있던 state를 접근하는 hook 구현

사용법

useExistState

const state = useExistState(initFindingGameState);

위처럼 부모가 먼저 state를 선언하면 자식 컴포넌트도 위처럼 사용할 수 있다.
-> 추후 로직구현 방향 변경 예정 -> 부모가 가지고 있으면 뭔가 컴포넌트 단의 개발이 덜 됨 -> 따라서 부모도 자식의 hook등록시점에 부를수 있도록 수정 예정

SmileBadge

  isSelected = false,
  width,
  height,
  badgeType,

const badgeTypeList = [
    "blue",
    "orange",
    "yellow",
    "yellow_wink",
    "white",
    "blue_line",
    "orange_line",
    "yellow_line",
    "orange_sad",
  ];

badgetype에 따른 대응은 위와같음 (디자인 시스템에 순서를 따름)

와 같은 props를 가지고 있음 이는 smileBadge를 만들어주는 component

미완료 사항

• 게임이 완료되었을 때 분기처리 및 관련 component

[minani-0621]

오늘 작업량 무엇,, 굿굿~