Skip to content

aengzu/calendar-webpage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

배포링크 : https://aengzu.github.io/calendar-webpage/

DAY 4 캘린더 제작하기


1. 우선 피그마로 틀을 잡았다. In Figma

약간 노션같은 분위기를 내고 싶어서 노션 디자인을 참고 하였다.
I wanted to follow Notion's style.
날짜 하나 사라진 건 실수로 삭제한 거다.

스크린샷 2024-01-18 오후 6 24 34

2. 실제 구현 화면 Actual ScreenShot

캘린더에서 이전, 다음 아이콘을 통해 이전달, 다음달로 이동할 수 있다. 날짜를 클릭하면 전에는 보이지 않던 메모 패드가 뜨는데 간단한 메모를 입력할 수 있다. 메모를 입력한 후 확인을 누르면 메모가 있는 날짜에는 노란색 동그라미로 표시할 수 있도록 하였다.
You can go previous, next month by icons. If you click a day, memo pad will appear, then you can put memo. After putting memo, click "확인" . And If you click "삭제", the memo will be deleted.
삭제를 누르면 해당 메모는 완전히 삭제되어 노란색 체크표시도 사라진다.

스크린샷 2024-01-18 오후 8 18 56

About

Calendar webpage by html, css, js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages