컴포넌트

<aside> 📎 제작하신 컴포넌트를 공유해주시면 아주 큰 도움이 된답니다.

</aside>

1. 모달

스크린샷 2022-05-05 01.17.50.png

<ModalBackground children={<MainLoginModal />} />

modal background 완료했습니다.

children에 background 위에 올라갈 컴포넌트만 따로 props로 넘겨주시고 redux 모달 state 만 관리해주시면 모달 알아서 잘 돌아갑니다

스크린샷 2022-05-05 02.46.22.png

component > modal파일에 uploadModal 컴포넌트로 만들어 놨습니다.

✔️  저는 업로드 버튼에서 modal state 변경해주는걸로 해놨습니다.

✔️  검은색 배경 선택하면 (비회원 제외) modal state 취소되는걸로 해놨습니다.

✔️  이동하면 modal state 풀어줘야하는지 확인해야하는데 아직 못했음

2) 업로드 버튼

업로드 버튼 component > common > button 에 컴포넌트로 분리해두었습니다.