자바스크립트 달력
-
[JavaScript] 일반적인 달력 만들기 - 날짜 이동 버그 수정하기!만학도 프로젝트/JavaScript Calendar 2021. 9. 11. 20:35
갑자기 너무 바빠졌다는 핑계로 블로그 관리를 소홀히 하던 중 오랜만에 들어왔더니 너무 감사하신 분이 버그를 제보해 주셨습니다. 잉? 31일엔 왜 2개월이 넘어가지..?!... 그러고 나서 왜 그런지 봤더니 지난달, 다음 달로 넘어가는 코드를 제가 너무 고민 없이 작성했더라고요! let date = new Date(); // ...( 생략 )... const prevMonth = () => { date.setMonth(date.getMonth() - 1); renderCalendar(); } const nextMonth = () => { date.setMonth(date.getMonth() + 1); renderCalendar(); } const goToday = () => { date = new Date..
-
[JavaScript] 일반적인 달력 만들기 - 날짜 이동, 날짜 구분, 오늘 표시만학도 프로젝트/JavaScript Calendar 2020. 8. 7. 00:16
지난 포스트 마지막에 정리한 남은 일들을 다시 한번 훑어보면 1. 지난달 다음 달 오늘 날짜로 돌아가는 기능 만들기 2. 지난 달 부분과 다음 달 부분을 조금 투명하게 하기 3. 오늘 날짜 표기하기 총 3가지였습니다. 그럼 1번부터 하나씩 차근차근 해결해보죠. 생각해보면 일단 달력을 그리는 로직은 모두 잘 만들어 뒀으니깐, 지난달, 다음 달 오늘로 Date객체의 정보만 수정해주면 됩니다. 그래서 그동안 만든 코드에서 date부분만 남기고 나머지를 함수로 만들어 줍시다. // Date 객체 생성 const date = new Date(); const renderCalendar = () => { const viewYear = date.getFullYear(); const viewMonth = date.get..
-
[JavaScript] 간단한 달력 만들기 - HTML 뼈대잡기만학도 프로젝트/JavaScript Simple Calendar 2020. 7. 6. 01:25
블로그에 스스로 공부한 내용들을 정리하기 시작한 지 꽤나 시간이 흘렀습니다. 그런데 공부한 개념만 정리하려다 보니 슬슬 지치기도 하고, 재미도 없어지는 바람에 새로운 시도를 해볼까 합니다. 지금까지 정리한 내용들을 바탕으로 프로젝트를 시도해서 하나씩 뿌셔보자(?)라는 마음으로 만들면서 학습하면 도가 트려나? 프로젝트를 시작하려 합니다. 물론 순전히 저의 재미를 위해서 시작하는 프로젝트이긴 하지만 약간의 욕심을 조금 더 보태서, 자바스크립트 프로그래밍을 시작한지 얼마 안 된 초급자분들이 이 프로젝트들을 보고서 '이 정도면 나도 하겠다!'라는 동기를 얻었으면 하는 마음도 조금 있습니다. 기존에 정리노트에 작성하던 말투와는 조금 다르게 쥐뿔도 없는 사람이지만, 나름 강의하는 것처럼 기록을 남겨볼까 합니다. 얼..
-
[JavaScript] 자바스크립트 Date 객체 이해하기 - 2프로그래밍 이야기/JavaScript 공부 2020. 6. 21. 22:36
[JavaScript] 자바스크립트 Date 객체 이해하기 - 1에서 살펴본 Date객체는 여러 가지 메서드를 통해서 다양하게 활용될 수 있다. Date객체 메서드 1. get메서드 Date 객체에는 get으로 시작하는 메서드가 몇 가지 있는데, 말 그대로 Date객체에서 필요한 정보를 가져오는 기능을 한다. Date 객체에서 가장 자주 사용되는 메서드들이다. const myDate = new Date(2020, 6, 22); myDate.getFullYear(); myDate.getMonth(); myDate.getDate(); myDate.getHours(); myDate.getMinutes(); myDate.getSeconds(); myDate.getMilliseconds; myDate.getDay..