design system

출처: https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/ 이 페이지를 기반으로 작성하였습니다.컴포넌트를 총 5가지 단계 원자, 분자, 유기체, 템플릿, 페

따로 정의한 palette와 typography의 mui theme를 활용해 mui Button을 커스텀하여 재사용이 가능하도록 기능을 구현할 것이다.버튼의 크기에 따라 패딩을 달리하여 사이즈를 조절버튼의 props의 타입을 지정버튼 컴포넌트의 props color 값

이와 같이 bottom에서 모달이 떠 bottom sheet 컴포넌트로 content list를 확인할 수 있도록 하는 컴포넌트를 구현할 것이다.여기 bottom sheet이 떠 위로 올린 후 스크롤을 내리면서 content list 확인이 가능하게 구현할 것이다.Ma

팔레트를 정의하면 해당 컬러를 Material-UI의 컴포넌트에서 활용 가능하다. MUI 테마에 색상 코드를 적용시킬 것이다.Material-UI의 텍스트 스타일을 정의하여 테마에 적용시킬 것이다.1\. 프로젝트에서 필요한 색상과 텍스트 스타일들을 정의2\. 전역적으로