본문 바로가기
자바스크립트 console.log - 값을 확인하는 디버깅 팁 JavaScript 프로그램을 한 번에 완벽하게 동작시키는 건 어렵습니다. 그럴 때, 어떤 방법으로 자바스크립트 디버깅을 해야 합니다. 그 디버깅 하는법이 맹활약하는 console.log라고 아십니까? console.log를 사용하여 디버깅 할 때 브라우저 콘솔 화면에 어떤 메시지를 표시할 수 있으신가요? 이번 글에서는 console.log 사용 방법부터 console.log를 사용한 디버깅 방법까지 상세하게 설명합니다. console.log는 JavaScript의 기본! 확실히 기억하고 활용할 수 있도록 하세요. ✅ 크롬 오류 해결 팁 👉 브라우저 팝업 차단 해제 👉 검색 기록 삭제하기 console.log 란? 여러분은 console.log를 사용해 보셨나요? 원래, console.log가 뭔지 아시.. 2020. 1. 3.
JavaScript Array to Object 변환 3가지 방법 아래와 같은 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. 중간에.. 2019. 12. 11.
자바스크립트: 시간 문자열 생성 함수: 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.
자바스크립트 클로저 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.
[자바스크립트 강좌] 프로그래밍 유형 특징 3개, javascript 단점 [자바스크립트 강좌 002] 프로그래밍 유형과 javascript 단점 자바스크립트와 객체지향 프로그래밍자바스크립트는 클래스를 지원하지 않지만 객체지향 프로그래밍이 가능하다. 프로토타입 체인과 클로저로 객체지향 프로그래밍에서 제시하는 상속, 캡슐화, 정보 은닉 등의 개념을 소화할 수 있다. 실제로 GOF의 디자인 패턴을 자바스크립트로 구현한 코드들이 많이 공개되어 있고, 많은 개발자의 관심을 받고 있다. 자바스크립트와 함수형 프로그래밍자바스크립트는 함수형 프로그래밍이 가능하다. 함수형 프로그래밍은 높은 수준의 모듈화를 가능케 하는 매우 효율적인 프로그래밍 방법이다. 자바스크립트는 주요 특성인 일급 객체로서의 함수 특성과 클로저를 활용하여 이를 가능케 한다. 하지만 이 때문에, 가독성을 떨어뜨리기도 한다... 2017. 2. 10.

티스토리툴바