따라서 본격적으로 작업이 실행이 되었으며 다른 FE 팀원들은 공통 컴포넌트
저는 할 일 생성/수정하는 모달을 만들기로 하였습니다.
우선적으로 ui와 간단한 기능들부터 제작하려고 하였으며 현재 ui가 실시간으로 바뀐 상태라 리팩토링을 통해 개선할 예정입니다.
간단히 말하자면 컴포넌트 파일 구조는 다음과 같이 지정하였고
뒷 배경을 지정해주는 ModalContainer props로 children을 받아 다른 모달이 올 수 있도록 구현.
또한 zustand로 모달의 배경 클릭 시 열림 닫힘 기능 관리 (모달이 많아질 경우 추후 리팩토링 할 것)
제목, 목표, 기간 등을 각 컴포넌트로 분리 (반응형 디자인)
파일 업로드, 링크 부분은 삼항 연산자를 통한 각각의 렌더링 기능 구현
아이콘은 리액트 아이콘을 사용하였음. (되게 유용하더라구요!!)
프론트엔드 개발공부를 하고있습니다.