[Feat/#32] 팝업 시트 컴포넌트 제작

[sikkzz]

• [Feature] 팝업 시트 컴포넌트 제작 #32

💡 변경사항 & 이슈

바텀 팝업 시트 컴포넌트 제작
해시태그 선택 페이지 시트 연결

✍️ 관련 설명

팝업 시트는 우선 radix-ui 사용했어. 직접 구현할 수도 있겠지만 이건 짧게 걸릴 시간은 아닐 수도 있어서 라이브러리 사용했고
이후에는 라이브러리 없이 직접적으로 구현할 거 같기는해!

이외에는 요구사항에 맞춰서 구현했어

• 해시태그 선택 페이지에서 +아이콘 클릭 시 팝업 시트 오픈
• 팝업 시트 오픈 시 input autoFocus
• input은 20글자까지, 20글자 넘을 시 버튼 disabled, input 에러처리

⭐️ Review point

• 요구사항 놓친 부분 있는지
• 로직이나 코드 개선점

📷 Demo

[github-actions]

🧷 Storybook: https://6798a432c75b75bf6b81bc26-bnyxdsmrxq.chromatic.com/

⏰ Update: 2025년 02월 02일 23시 52분

[lgrin-byte]

화면 넓을때는 뒤에 ui가 깨지는 것 같은데 크리티컬한 건 아닌듯!

[sikkzz]

화면 넓을때는 뒤에 ui가 깨지는 것 같은데 크리티컬한 건 아닌듯!

우선 해결했어! radix-ui에 제공하는 dialog global style하고 충돌이 나서 그런거더라구. 이후에 바꾸고 싶은 욕구가 더 들게 만드는 거 같아 일단 임시로 global.scss에 처리해놨어