본문 바로가기
반응형

JavaScript8

자바스크립트: 시간 문자열 생성 함수: Date 연월일시분초 JavaScript에서 연월일시분초로 얻는 소스 코드 예시입니다.자바스크립트 타임 스탬프 작성과 날짜, 시간의 동적 표시에 활용할 수 있습니다. /** * 현재 시간을 문자열 YYYYMMDDHHMMSS로 돌려받는 함수 * @returns {string} 예시 20170101000000 */var currentDateTimeString = function () { // 현재 시간 var d = new Date(); var fillZero = function ( number ) { return (0 + number).slice(-2); } // 연월일시분초 획득 var year = d.getFullYear(); // 연도 var month = fillZero(d.getMonth() + 1); // 월 var.. 2019. 12. 6.
[웹 초보자] HTML CSS Javascript 기본 이해하기 여러분은 HTML, CSS, JS의 차이와 역할 구분하여 대답할 수 있습니까? 왠지 알고 있는 것 같은데 구체적으로 말하기 곤란한 분들도 있겠죠? 그런 분들을 위해 HTML CSS Javascript 기본 이해하기 설명합니다. 목차 1 HTML이란 1.1 HTML 버전 1.2 HTML 작성 1.3 HTML 마크업 작성해보기 2 CSS란 2.1 CSS 버전 2.2 CSS 작성 2.3 CSS로 제목 꾸며보자 3 JavaScript 란 3.1 JavaScript 작성 3.2 JavaScript로 아코디언 메뉴를 만들어 보기 4 정리 - HTML이란 - 정식 명칭은 "HyperText Markup Language (하이퍼 텍스트 마크 업 언어)"이며, 줄여서 "HTML"이라고 합니다. 쉽게 말하면 평소 여러분이.. 2019. 8. 12.
자바스크립트 클로저 Closure와 for 반복문 바인딩 예제 5개 클로저를 활용할 경우 여러 장점이 있지만, 변수가 묶여 반복문이 비정상적으로 구동하는 경우가 있습니다. 예를 들면 아래와 같습니다. var funcs = []; for (var i = 0; i < 3; i++) { funcs[i] = function() { console.log("My value: " + i); }; } for (var j = 0; j < 3; j++) { funcs[j](); } 의도는 1, 2, 3을 순차적으로 출력하는 것입니다. 하지만, 클로저 결과 화면처럼 3이란 숫자만 3번 출력됩니다. 문제는 변수 i 가 외부 변수에 바인딩된다는 것입니다. 하지만, 여러 해결책이 있습니다. 하나씩 알아보겠습니다. ◆ 인덱스 변수를 묶는 가장 간단하고 읽기 쉬운 방법 for (var i = 0; .. 2019. 6. 20.
[자바스크립트 강좌 007] 프로그램, 키보드 소스 (char code) [자바스크립트 강좌 007] 프로그램, 키보드 소스 (char code) 참조 - On-screen HTML/자바스크립트Javascript keyboard [링크]소스 - Keyboard.zip [링크] 원 소스 제작자 분께서 덴마크 분이셔서 그런가, 키보드는 덴마크 기준으로 제작되었습니다. 기본적으론, 자바스크립트(JavaScript) 함수의 ID를 주요 요소로 사용해서 구현이 되었고, Firefox, Opera, Chrome, IE9에서 테스트가 되었다고 합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717.. 2018. 1. 25.
반응형