본문 바로가기

Development/Javascript

lodash & underscore 라이브러리 소스코드를 보다 보니 _.method() 로 시작하는 코드들이 있길래 보니 lodash 라는 모듈(라이브러리) 이었다.해서 내용을 확인해보니 여기 잘 정리되어 있었다.쓰더라도 이유나 용도를 알고 써야겠다는 생각으로. 링크 : 자바스크립트 라이브러리 Lodash와 Underscore 알아보기 자바스크립트 인기 라이브러리 중 하나인 Lodash와 underscore 알아보려합니다. 소스 코드를 보면 _.test() 처럼 _로 시작하는 코드를 볼 수 있습니다. 이 코드는 위 라이브러리 소스로 자주 사용되는 라이브러리 툴입니다. 위 두 라이브러리 모두 자바스크립트를 확장하여 편리하게 코드를 작성하거나 웹표준, 크로스 브라우징에 많이 사용됩니다. 이처럼 Lo-dash와 underscore가 인기를 끄는 이유는 아..
자바스크립트 오버로딩 출처 : http://webclub.tistory.com/404 진작에 구글링 할걸...ㅡㅡ;;;엄밀히 말하자면 비스무리흉내 ㅋㅋ 그래도 너무 편하다;; function sum() { var result = 0; for (var i = 0; i < arguments.length; i++) { result += arguments[i]; } return result; } console.log(sum(10, 20));// 30 console.log(sum(10, 20, 30));// 60 console.log(sum(10, 20, 30, 40)); // 100 console.log(sum(10, 20, 30, 40, 50)); //150
[펌] 자바스크립트에서 strict mode를 사용해야 하는 이유 출처 : http://blog.aliencube.org/이 포스트는 Stack Overflow의 What does “use strict” do in JavaScript, and what is the reasoning behind it?의 질문과 답변을 번역한 내용입니다.자바스크립트에서 use strict는 뭘 하는 것이고, 왜 그걸 써야 하나요?질문:최근에 내가 짰던 자바스크립트 코드를 크록포드의 JSLint를 통해 실행시켰더니 아래와 같은 에러가 나타났습니다:Problem at line 1 character 1: Missing “use strict” statement.검색을 좀 해봤는데, 몇몇 사람들이 "use strict;" 라인을 그들의 자바스크립트 코드에 추가했다는 것을 알아챘습니다. 저도 이것을..
[펌] +function() 의 원리 출처 : http://blog.coderifleman.com오픈소스나 레거시 읽다 보면 종종 +function(){}() 같은 코드를 마주하게됩니다. 이 코드가 혼란스러운 분들을 위해 +function(){}()이 무엇인지 그리고 어떻게 동작하는 것인지 간략히 정리해보겠습니다.엔진이 함수를 실행하는 방법함수를 실행하기 위해서는 이름(식별자)이 필요합니다. 이름이 있어야 스코프에서 값을 참조할 수 있기 때문입니다.예를 들어 function foo(){}를 정의하면 foo(); 구문을 이용해 함수를 실행할 수 있습니다.엔진이 함수 선언문을 만나면 식별자를 관리하는 특별한 집합(EnviromentRecord)에 함수의 이름을 식별자로 넣고 함수 객체를 생성하여 참조합니다. 그리고 함수 실행 구문 중 foo를 ..
FormData Object 확인 HTML5 API 인 FormData 객체를 사용하여 데이터를 할당하는 도중,삽질된통 했다. 나중에 How to FormData Object Inspect 라고 구글링 하면 여러 결과를 확인할 수 있지만 백문이불여일타다.직접 쳐보는게 제일 좋다.간단히 내가 겪은 상황은 아주 단순 심플하다. var formData = new FormData(); formData.append('id', 'JKUN.NET'); console.log(formData); 위와 같은 상황이라면 요소검사의 떡하니 폼데이터 객체에 id 속성이 할당된줄만 알았다.그래서 찍어보니... 없다... 아 돌아가시는 줄 알았다. 여기서 제가 찾은 방법은 XHR - AJAX 를 이용하여 네트워크에서 확인하는 방법말고는 특별히 없었습니다.더 심플하..
replaceArray - 배열간 문자열 탐색변경 출처 : http://stackoverflow.com/questions/5069464/replace-multiple-strings-at-once String.prototype.replaceArray = function (find, replace) { var replaceString = this; for (var i = 0; i < find.length; i++) { // global replacement var pos = replaceString.indexOf(find[i]); while (pos > -1) { replaceString = replaceString.replace(find[i], replace[i]); pos = replaceString.indexOf(find[i]); } } return ..
자바스크립트 CPU프로파일 프레임차트(JavaScript CPU Profile Frame Chart)
웹 세계의 새로운 지배자 자바스크립트의 무한질주 보호되어 있는 글입니다.