Responsive component/#70

[gahyuun]

📌 작업 내용

close #70

구현 내용 및 작업 했던 내역

• responsive component 구현

🤔 고민 했던 부분

• tailwind처럼 breakpoint를 sm,md,lg 등등으로 나눌까하다가 사용하는 사람이 자유롭게 구간을 정하는 게 더 유연할 것 같아서 minwidth랑 maxwidth를 직접 할당하게 했습니다
• props를 통해 자식 컴포넌트를 받으려다가, props보다 children으로 받는 게 전 가독성이 더 좋다고 생각하는데 다른 분들은 어떻게 생각하시나요!?

[github-actions]

🚀storybook: https://65ccb85d5afe55a024495bc0-xikswnwmfi.chromatic.com/

[yougyung]

사용하는 사람이 자유롭게 구간을 정하는 게 더 유연할 것 같아서 minwidth랑 maxwidth를 직접 할당하게 했습니다

mobile, PC 두가지 기준으로 딱 나뉘는게 아니다보니 breakpoint를 sm,md,lg 등등으로 나누는 것이 정형화하기 어려울 수 있다는 생각이 들었는데 선택해주신 구조 좋네요

props를 통해 자식 컴포넌트를 받으려다가, props보다 children으로 받는 게 전 가독성이 더 좋다고 생각하는데 다른 분들은 어떻게 생각하시나요!?

이전 스프린트 논의에서는 sm,md,lg에 따라서 breakpoint를 나누는 구조를 머리에 그려서 뷰포트의 범위에 따른 rendering요소를 props로 받는 방향 떠올렸었는데, 선택해주신 구조에서는 children으로 받아도 좋을 것 같아요. 수고많으셨습니다 ~!

한 가지 추가적으로 제안해보면, 현재 number로 전달받는 minWidth, maxWidth 를 type으로 분리해서 통일성있게 관리하는 방향도 좋을 것 같아요 ~ !

[seonghunYang]

• 수고하셨습니다
• 지금 유스케이스는 해당 컴포넌트로 충분히 커버할 수 있을 것 같습니다
• 추후에 다른 유스케이스가 생기면 제안 올리도록 하겠습니다