Setup storybook

[abiriadev]

Closes #160

💡 아래에서 적용된 모습을 확인해 보세요!

https://ludo-smp.github.io/ludo-frontend

💡 다음 이슈를 해결했어요.

• Storybook 도입 #160 을 참고해 주세요.
  
  
  

💡 이슈를 처리하면서 추가된 코드가 있어요.

• 총 69개의 스토리 파일(CSF)을 추가했어요.
• 자주 쓰이는 컴포넌트와 그 Props에 JSDoc 주석을 추가했어요
• iindex.ts로 오타가 있던 InputText 컴포넌트의 파일을 올바르게 교정했어요: 73b3157
  
  
  

💡 필요한 후속작업이 있어요.

• export default 및 export const 혼재 방지 #163
• 중복된 컴포넌트 / 쓰이지 않거나 대체된 컴포넌트 제거
• SelectBox, Stack 등 후에 구현된 컴포넌트들은 머지 후 각자 추가적으로 문서화 필요
• 쓰이지 않는 Props, 미구현된 Props 정리
• 중복된 컴포넌트, 쓰이지 않는 컴포넌트 제거
  
  
  

💡 다음 자료를 참고하면 좋아요.

• https://studymatchproject.atlassian.net/wiki/x/AgCdAw
  
  
  

✅ 셀프 체크리스트

• 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• 커밋 메세지를 컨벤션에 맞추었습니다.
• 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• 변경 후 코드는 기존의 테스트를 통과합니다.
• 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.

[abiriadev]

@kmin-jeong @hyosin-Jang 리뷰 부탁드립니다!

[SungHyun627]

Storybook 설정 및 각 컴포넌트별 storybook 코드 작성하신 부분 확인했습니다. storybook 도입을 위한 eslint 설정, UI를 control하기 위한 manager.ts 코드 작성, Storybook의 기본 구성을 위한 main.ts 작성 등 생각보다 사전작업이 많이 필요했던 것 같네요 ㅠㅠ. 고생하셨습니다👍. #160에서 상세히 작성해주신 storybook 도입 이유 및 참고자료와 작성해주신 컴포넌트별 stories.ts 코드 확인하여, 지속적으로 개별 컴포넌트를 정리 / 문서화하는 작업 진행하겠습니다. 정말 수고많으셨습니다🙏