개발/Javascript & jQuery
-
달력 그리기개발/Javascript & jQuery 2018. 2. 22. 16:55
문득 자바스크립트를 써서 달력을 그리면 좋겠다는 생각이 들었다. 찾아보니 역시 훌륭하신 분들이 공개해주신 소스가 많았다.그중 아래 소스가 제일 맘에 들어서 저장 http://jsfiddle.net/radlohead/8b44ft0w/ DOCTYPE html> Making Calendar .wrap { width: 500px; margin : 0 auto; } .btn-holder { text-align: center; margin : 10px 0 10px 0; } #calendar table { text-align : center; border-collapse : collapse; } #calendar table thead td { height : 30px; font-weight : bold; } #cal..
-
데이터 정렬하기개발/Javascript & jQuery 2018. 2. 7. 13:58
배열 내 데이터를 정렬할 일이 생겼을 때, 편하게 sort 함수나 reverse 함수를 써서 정렬할 수도 있고괜히 정렬 알고리즘을 짜서 정렬할 수도 있다.오늘은 한가하니까 두 방법을 모두 써서 배열 내 데이터를 정렬했다. 1. Array.prototype.sort(), Array.prototype.reverse() 를 사용하여 정렬 오늘은 작정하고 공부를 하는 날이니까 여유롭게 기술문서를 보러갔다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort sort() 함수에 대한 기술을 먼저 보러 갔더니 눈에 띄는 구절이 있다. sort () 메서드는 배열의 요소를 적절한 위치에 정렬하고 배열을 반환합니다..
-
기본 로직을 활용하여 특별한 날 생성하기개발/Javascript & jQuery 2018. 2. 6. 16:23
다이어터에게 보상데이가 있는 것처럼, 자기 자신에게 선물을 주는 날을 만든다는 사람의 글을 봤다. 한달에 하루나 이틀 정도 날을 잡아서 그날만큼은 자기가 좋아하는 간식을 사먹는다는 그 아이디어가 정말 귀엽고 좋다고 생각했다. 하루에 만원쓰기 운동을 시작한지 며칠 안됐지만 벌써부터 지쳐가는 내 자신을 한심하게 보느니그냥 이렇게라도 숨통을 틔워줄 겸, 마침 지금 혼자서 만들고 있는 가계부 프로그램에 도입해도 좋을 것 같다는 생각도 들어서 잠깐 코드를 짜봤다. 기본적인 로직은 로또 번호 발생기와 동일하다.여기에 특별한 날을 한달에 2일 이상 잡을 경우 오름차순으로 정렬하여 출력하는 로직만 추가했다. 자바스크립트 내장함수를 몇 개 사용했는데, 이것도 나름 깊이있게 공부하려다보니 쓰잘데기없이 말이 많아져서 따로 ..
-
스크립트 선언 방법에 따른 차이개발/Javascript & jQuery 2018. 1. 22. 12:09
화면을 만들 때마다 쓰게 되는 자바스크립트 선언아무 생각 없이 써오다가 jQuery를 찾을 수 없다는 부트스트랩 오류 메시지를 보면서 갑자기 의문이 들었다. 스크립트를 선언할 때 아래 세 가지 방법의 차이점도 모르고 막 쓰고 있었는데 과연 차이가 있는 것일까? 현재 표준은 라고 한다. 스크립트 선언은 브라우저의 기본 설정에 맞춰 가는데,HTML5 부터는 대부분의 브라우저 기본값이 js로 파싱하게 되어 있기 때문에 라고 선언해도 아무 문제 없이 동작하고 있었던 것이다. 하위 브라우저와의 호환성까지 고려하면 로 써주는게 가장 정확할 것 같다. 더불어 스타일 태그 역시 로 써주는 것이 가장 정확하나HTML5부터 디폴트로 만 적어도 무리 없이 동작하게 되었다고 한다...