HTML, CSS, JavaScript로 Calendar 만들기 - 기획

존댓말하는 거 성격 상 안되겠다. 이제부터라도 반말로 하겠다.

 

그림판으로 간단하게 틀을 잡았다. 디자인도 내가 만드는 것도 내가 하는 거라 특별히 요구사항 명세서가 필요하지 않지만 시작과 끝을 명확히 할 필요가 있으므로 구현하고자 하는 기능들을 명시하는게 좋은 것 같다.

 

디자인 요소

1) 폰트( 각 숫자와 날짜, 글 데이터가 가지는 글씨체)

- 날짜( 월, 년, 날짜)

- 글씨( 제목, 요일)

2) 섹션(달력을 구분 짓는 사각형 모양의 구분선)

3) 양 옆으로 화살표 모양 버튼

4) 아무 것도 없으면 밋밋하니 간단한 디자인적 요소( ex 이미지 )를 넣으면 좋을 것 같다. - 중요하지 않음

 5) 요일 순서로 - 일요일부터 시작 토요일 끝

기능적 요소

1) 월, 년 (슬라이드나 직접입력 방식으로 숫자를 조절했으면 좋겠다.) - 기본값은 현재 시스템이 표시하고 있는 시간

2) 날짜 - (현재 날짜 표시하기) 기본값은 현재 시스템이 표시하고 있는 시간

3) 왼쪽 버튼을 누르면 현재 있는 월의 저번 달, 오른쪽 버튼을 누르면 현재 있는 월의 다음 달이 넘어가도록 만들기.

4) 입력한 날짜를 표시하기