## Epic Related #8 ## ✨어떤 기능인가요? 공통으로 사용되는 컴포넌트를 구현한다. 폰트 설정, 색상 설정, 레이아웃 설정, 공통 button, 공통으로 사용되는 containerBox, inputBox등을 구현하여 정리하고 테스트 페이지를 통해 이를 확인할 수 있도록 한다. ## ✔️TODOS - [x] 레이아웃 설정 - [x] 디자인 시스템 구축 (색상 , 폰트 등 기본 설정) - [x] 공통 UI 컴포넌트 구현 (공용 button , ContainerBox, inputBox) 등을 구현 폰트 설정 <img width="235" height="122" alt="Image" src="https://github.com/user-attachments/assets/23378509-3528-40d0-ad14-4f204fe17112" /> 색상 토큰 설정 <img width="395" height="513" alt="Image" src="https://github.com/user-attachments/assets/56369040-5846-4e0e-b914-033acbcf2622" /> 폰트 색상 설정은 user 앱에서 사용하는거랑 동일하게 맞췄습니다! 공통 사용 Button 구현) <img width="1280" height="800" alt="Image" src="https://github.com/user-attachments/assets/3eaca53a-521d-4c07-a99d-0995be8caa99" /> 공통 사용되는 inputBox 및 Container Box 구현) <img width="1280" height="800" alt="Image" src="https://github.com/user-attachments/assets/19100e0e-06d7-40f7-9853-d25357350f49" /> 들어갈 mock 데이터 구현) <img width="472" height="428" alt="Image" src="https://github.com/user-attachments/assets/fdd6c919-181a-44a1-b14c-be79c6d4b1ae" /> ## 🎶참고할 만한 자료 >공식 문서, 개발 블로그, 강의 자료 등 자유롭게 첨부해주세요.
Epic
Related #8
✨어떤 기능인가요?
공통으로 사용되는 컴포넌트를 구현한다.
폰트 설정, 색상 설정, 레이아웃 설정, 공통 button, 공통으로 사용되는 containerBox, inputBox등을 구현하여
정리하고 테스트 페이지를 통해 이를 확인할 수 있도록 한다.
✔️TODOS
폰트 설정
공통 사용 Button 구현)
공통 사용되는 inputBox 및 Container Box 구현)
들어갈 mock 데이터 구현)
🎶참고할 만한 자료