Feature/photo-style-checkbox

[bullmouse]

🐶 개요

• Checkbox 컴포넌트를 만들었습니다.

🐱 설명

• '뚱뚱 가로/뚱뚱 세로/길쭉 세로' 이렇게 총 3가지 방식이 있고, 선택 여부에 따라 스타일링이 달라집니다.

🏞️ 스크린샷

🤔 참고사항

질문드리고 싶은 점이 2가지 있습니다!

• flexbox 내부에 absolute positioning을 두었는데, 이게 그렇게 좋은 스타일링 방식이라고 느껴지지는 않았습니다. 그렇다고 다른 방식으로 하자니, 이것만한 게 없다는 생각이 들었어요. 이에 대해 여러분들의 의견이 궁금합니다.

• 상태 관리는 부모에서 한번에 관리하는 방식으로 생각했어요. 3개 타입 중 2개가 재렌더링 되어야 하기 때문인데, 여러분들은 어떻게 생각하시나요?

[netlify]

✅ Deploy Preview for life-4-cut ready!

Name	Link
🔨 Latest commit	e0089d5
🔍 Latest deploy log	https://app.netlify.com/sites/life-4-cut/deploys/652d13b9f979df0008928358
😎 Deploy Preview	https://deploy-preview-41--life-4-cut.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

🚀 Deployed preview of e0089d5

name	url
Chromatic Build	https://www.chromatic.com/build?appId=64e9af23c0cff87d11faa225&number=83
Chromatic Storybook	https://64e9af23c0cff87d11faa225-uyoujysodg.chromatic.com/

[dohun31]

• flexbox 내부에 absolute positioning을 두었는데, 이게 그렇게 좋은 스타일링 방식이라고 느껴지지는 않았습니다. 그렇다고 다른 방식으로 하자니, 이것만한 게 없다는 생각이 들었어요. 이에 대해 여러분들의 의견이 궁금합니다.

디자인 할 땐 space-between을 생각하고 했어요.
다른 방식보다 absolute가 낫다고 하셨는데 다른 방식들은 어떤게 있었나요??

[yeynii]

react-hook-form의 인풋으로 동작하게 해주실 수 있나용?

[bullmouse]

react-hook-form으로 변경하고, 스타일도 relative/absolute 걷어내고 flex-1로 바꾸었습니다

[yeynii]

fat-horizontal.svg <-> fat-vertical.svg 파일명이 반대로 된 것 같아요

[bullmouse]

fat-horizontal.svg <-> fat-vertical.svg 파일명이 반대로 된 것 같아요

헐 진짜네요..

[bullmouse]

수정했습니다~

[yeynii]

LGTM 수고하셨어요~

[xilucks]

LGTM 잘 보구갑니다