Component 설정

shared 컴포넌트

1. atom 단위
• chip : label
• 플로팅버튼 :
• button : 버튼 이름, 이벤트, variant
• 일반 버튼-회원가입 컬러 지정 필요
• Icon Button : 뒤로가기(useNavigate), 검색
• 알림, 로고(페이지 이동)는 Link 사용
• grouping 추가⇒문서화로 대체
• avatar: img src, alt, width, height, isLogin
• isLogin에 따라 variant(dot, standard)지정
• myProfile의 프사 업로드 버튼(노랑)은 file upload 커스텀 해서 단독으로 사용
• text field : input⇒ 훅만 만들기
• search bar input

---

2. molecule 단위

• 말풍선

일반 컴포넌트

• dropdown in search (autocomplete)

• 파일 업로드

• Grid

• stack 정리

• typhography 로 모든 텍스트 태그 대체→nowrap속성으로 overflow 처리

• 컴포넌트 사용법 문서화

• container: 콘텐츠를 가로로 중앙 배치

• box : css 요소로 사용