<aside> 💡

피그마 바로가기 👉 CSS&Javascript 마스터

</aside>

기본 요구사항

• [ ] CSS: 일기등록
  • [ ] 일기등록 카드를 등록화면 모달로 변경해주세요.
  • [ ] 등록 완료시, "등록이 완료되었습니다."의 메세지가 담긴 중첩 모달을 추가해주세요.
  • [ ] 닫기 버튼 클릭 시, “일기 등록 취소” 중첩 모달을 추가해 주세요.
  • [ ] 일기 등록 취소 > 계속 작성 버튼 클릭시 일기 등록 취소 모달을 닫아주세요.
  • [ ] 일기 등록 취소 > 등록 취소 버튼 클릭 시 현재 떠있는 두개의 모달을 모두 닫아주세요.
• [ ] CSS: 일기상세
  • [ ] 일기내용 복사시, 화면 하단에 토스트 애니메이션 보여주세요.
• [ ] JS: 일기등록
  • [ ] 등록화면 모달에서 여백 클릭시 모달을 종료해주세요.
  • [ ] 등록화면 모달에서 ESC 키 입력시 모달을 종료해주세요.
• [ ] JS: 일기상세
  • [ ] 일기상세 내용 복사버튼 클릭시, 클립보드에 복사되어야 합니다.
  • [ ] 삭제 버튼 클릭시, 삭제 확인 모달을 추가해주세요.
• [ ] JS: 모달
  • [ ] 모달을 열었을 때, 스크롤이 맨 위로 이동하여 열릴 수 있도록 해주세요.
  • [ ] 모달을 열었을 때, 뒷배경이 스크롤이 되지 않도록 막아주세요.