[JavaScript] D-Day 타이머 2021. 7. 17. D-Day 타이머 var ddaytimer = setInterval (dayGap, 1000) function dayGap () { var dday = new Date("November 24, 2017 00:00:00").getTime();// 디데이 var nowday = new Date();// 현재시각 nowday = nowday.getTime();// 밀리세컨드 단위변환 var distance = dday - nowday;// 남은 시간에서 현재시작을 뺀다. var d = Math.floor(distance / (1000 * 60 * 60 * 24));// 일 var h = Math.floor((distance / (1000*60*60)) % 24);// 시간 var m = Math.floor((..

JSLint : 자바스크립트 오류 검증(코드 유효성 체크) 2020. 10. 31. JSLint(www.jslint.com)에서 자바스크립트 코드에 문제점이 있는지 검사할 수 있습니다. 잘못된 코드는 이에 대한 설명과 위치(라인)을 설명해줍니다. 브라켓에서도 확장 기능으로 제공하고 있으며, 코드의 유효성을 체크하고 싶은 자바스크립트 코드를 넣은 다음에 검사 버튼을 클릭하면 검사 결과를 얻을 수 있습니다. 또한 옵션을 설정하면서 다양한 검증 기능을 구체적으로 표시할 수 있습니다. 자바스크립트 코드가 제대로 작동하지 않으면 분명 문제가 있으니 이를 해결하기 위해선 어떤 문제인지 파악해야합니다. JSLint is a static code analysis tool used in software development for checking if JavaScript source code compl..

모던 JavaScript 튜토리얼 2020. 8. 26. 자바스크립트를 공부하기 위해서 다양한 사이트를 둘러보지만, 그 중에서 자신에게 맞는 사이트에서 공부를 하는 것이 좋습니다. 열심히 논리적으로 생각해보고 이해가 안가는 부분에 대해서 예시학습을 한다면 금방 이해가 갈 것입니다. https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 다양한 사이트들 중에서 특히, 모던 JavaScript 사이트를 추천합니다. 모던 JavaScript 튜토리얼은 상세한 설명과 함께 기본과 고급 과정의 개념들을 쉽게 이해할 수 있습니다. 첫번째 파트는 코어 자바스크립트 파트 부분으로, 기초 문법부터 객체(Object) 지향 프로그래밍과 같은 고급 개념까지 다루고 있습니다. 두번째 파트는 브라우저 내 페이지에서 다루는..

JavaScript 썸네일 이미지 일러스트파일 (.AI) 2019. 9. 8. JavaScript 썸네일 이미지 일러스트파일 (.AI)

아름다운 CSS와 JavaScript 2019. 2. 6. CSS와 JavaScript 역시나 오늘 아침에도 간단한 사이트 구조를 수정했다. 언어를 새롭게 공부하면서 응용해보려니 쉽지가 않다. 영어를 조금 잘할 줄 안다면 코딩이 조금 쉽게 느껴질 텐데, 역시나 어렵다. 지금에서야 웹코딩 정도만 할 줄 알고 각종 프로그래밍 언어를 공부해야 한다고 하면 어느 세월에 그걸 다 하게 될지 모르겠지만, 그래도 자유롭게 사이트 구조를 내 입맛대로 바꾸고 수정할 수 있는 정도까지는 열심히 배워보고 싶다. 인터넷에 널려있는 정보들을 하나하나 분석해보고 적용시켜보고 하는 반복 작업이지만 거기서 추가로 내가 조금씩 배웠던 것들을 응용시키면 화려하지는 않더라도 나름대로 봐줄 만한 디자인 작업이 완성된다. 일러스트나 포토샵과는 다르게 논리와 순서, 그리고 정확한 값이 요구되는 웹코딩..