코딩 기록

JavaScript 프로그램을 한 번에 완벽하게 동작시키는 건 어렵습니다. 그럴 때, 어떤 방법으로 자바스크립트 디버깅을 해야 합니다. 그 디버깅 하는법이 맹활약하는 console.log라고 아십니까? console.log를 사용하여 디버깅 할 때 브라우저 콘솔 화면에 어떤 메시지를 표시할 수 있으신가요? 이번 글에서는 console.log 사용 방법부터 console.log를 사용한 디버깅 방법까지 상세하게 설명합니다. console.log는 JavaScript의 기본! 확실히 기억하고 활용할 수 있도록 하세요. ✅ 크롬 오류 해결 팁 👉 브라우저 팝업 차단 해제 👉 검색 기록 삭제하기 console.log 란? 여러분은 console.log를 사용해 보셨나요? 원래, console.log가 뭔지 아시..

아래와 같은 JavaScript 배열을 객체로 변환하고자 합니다. ['a','b','c'] 위 배열을 { 0: 'a', 1: 'b', 2: 'c'} 이런 오브젝트로 변환하는데 몇 가지 방법이 있습니다. 자바스크립트 2가지 방법 + jQuery 1가지 방법, 총 3가지 소개합니다. 1. ECMAScript 6 : Object.assign Object.assign() 함수는 열거 가능한 값을 하나씩 대상 오브젝트로 복사할 때 사용합니다. Object.assign({}, ['a','b','c']); // {0:"a", 1:"b", 2:"c"} length 배열은 열거할 수 없어서 복사되지 않습니다. ES6 스프레드 사용하여 같은 결과를 얻을 수도 있습니다. { ...['a', 'b', 'c'] } 2. 중간에..

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..

클로저를 활용할 경우 여러 장점이 있지만, 변수가 묶여 반복문이 비정상적으로 구동하는 경우가 있습니다. 예를 들면 아래와 같습니다. 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; ..