개발자의 끄적끄적

[javascript] 추억의 javascript로 달력 만들기 [펌] javascript 달력 관련 정보를 인터넷으로 찾아보던중 직접 만들어서 특화된 달력을 구현해보고 싶다는 생각이 들었습니다. 그래서 돌아다니다가 정말 참고될만한 글이라고 생각되어 퍼왔습니다. 다른분들도 개발하시는데 도움들 되셨으면 좋겠네요~! 출처는 맨~ 아래 명시했습니다!! 참고들하세요! 작년에 자바스크립트를 만지면서 dom을 가지고 뭘 만들어 볼 수 있으려나 싶어서 만들어 본 것이 달력만들기였다. Date객체만을 이용해서 달력을 만들었는데 이런 생 노가다가 없었다. 지금이야 React moment 라이브러리를 이용해서 쉽게 만들지만 그때는 꽤나 힘들었다... 그래서 삽질의 과정을 포스팅 해보려 한다. 틀 만들기 목업 design ..

[javascript/jquery] 자바스크립트 기능 제작, 달력 (Javascript Calendar) [펌] 오늘은 자바스크립트 달력을 만들어 왔습니다! 갑작스럽게 이런 기능을 만든 이유는 일하다가 사용할 일이 생겨서죠... ㅋ 단순하게 월 별로 이동할 수 있는 기능만 만들었습니다. 일단 스크립트를 보면서 설명 드리죠. 이 코드를 사용, 무단 배포 하는 것은 내부의 주석은 삭제하지 않았을 때만 가능합니다. function kCalendar(id, date) { var kCalendar = document.getElementById(id); if( typeof( date ) !== 'undefined' ) { date = date.split('-'); date[1] = date[1] - 1; date ..

[JS/Calendar] 바닐라 자바스크립트로 달력 구현하기 [펌] 오늘은 바닐라 자바스크립트로 캘린더 구현하는 방법을 포스팅해보려고 한다. 캘린더 모양은 대충 이렇게 생겼고, 오늘 날짜는 노란색 동그라미로 표시된다. 그리고 특정 날짜를 클릭하면 해당 날짜가 다른 색깔로 표시되고 왼쪽 사각형에 있는 날짜와 요일이 클릭한 날짜로 바뀌어야 한다. 해당 기능을 구현한 코드는 위에 codepen으로 올렸고, 몇 가지 코드만 어떻게 구현했는지 적으려고 한다. const init = { monList: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December..