- Divider Base Component
- Divider의 경우 horizontal, vertical 두 가지 타입을 구현했습니다.
- 또한, divider의 color, size를 이용해 backgroundcolor와 margin 값 커스텀이 가능합니다.
- Modal Base Component
- ModalContainer의 경우 ModalWrapper와 ModalInner로 구성되어있습니다.
- useState를 이용해 button을 누르면 modal 창이 뜨고, ModalInner의 x버튼을 누르면 modal 창이 닫히도록 구현했습니다.
- ModalInner 컴포넌트의 경우 width, height, color 커스텀이 가능합니다.
- (추가)ReactDOM.createPortal을 사용하는 법을 알게되어 추가했습니다.
- Avatar Base Component
- Avatar의 size, mode, shape, src 속성 컨트롤이 가능합니다.
- 현재는 이미지 태그를 이용하여 구현했고, 추후 이미지 컴포넌트로 대체 예정입니다.
- Alert Base Component
- sweetAlert2 패키지 설치
- Swal.fire을 이용한 alert 예시 컴포넌트 구현
- 피드 이동 alert창에 필요한 이미지 assets에 추가