목록WEB/JAVASCRIPT (41)
Knowledge Map
form에 저장된 데이터들을 formData라는 것에 담을 수 있다. IE에서는 10이상 가능하다고 하지만 기본 기능만 가능하다. 참고 : https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormDatahttp://blog.teamtreehouse.com/uploading-files-ajax 다만 이것으로 파일을 보낼때에는 setRequestHeader에서 Content-Type을 설정하게 되면 제대로 인식이 안되는 문제가 있는듯 하다. 1234567891011121314151617181920212223function ajaxPost(data, url) { console.log(name, ' => ', url); var promise = new Pr..
테스트 코드는 다음과 같다. http://jsben.ch/oApXB var a = [[1,2,3,4],[5,6,7,8],[11,12,13,14],[15,16,17,18]]var b = [[21,22,23,24],[35,36,37,38],[41,42,43,44],[45,46,47,48]]cs /**************************************** case 1 ****************************************/var r = [[],[],[],[]];r[0][0] = a[0][0] * b[0][0] + a[0][1] * b[1][0] + a[0][2] * b[2][0] + a[0][3] * b[3][0];r[0][1] = a[0][0] * b[0][1] + a[0][..
선형 대수에 행렬이 많이 나오는데, 행렬 책만 보기에도 그렇고, JS에는 파이썬의 Pandas나 그외 수학 라이브러리 같은 유명한 라이브러리는 없어서 간단한 수준의 2차원 행렬 클래스를 만들어 보았다. 행렬 입력하려고 [ [1,2,3], [1,2,3] ] 이런식으로 입력하는건 좀 많이 귀찮아서 그냥 1차원 배열로 입력하고, 열과 행의 길이를 입력해 놓아서 연산할때는 알아서 처리하게 했다. 배워가면서 점차 추가할 생각인데 일단은 해당 행 가져오기(getRow), 해당 열 가져오기(getCol), 행렬 생성, 행렬 합(add), 행렬 곱(x)만 해놓았다. 공부하면서 끄적거릴 용도라서 성능은 딱히..... ㅠㅠ 추가 : 0행렬, 단위행렬 추가추가 : N x M => M x n 변환 추가 123456789101..
참고 출처 : http://multifrontgarden.tistory.com/133 디스패치 ( Dispatch ) dispatch는 쉽게 말하자면 메서드를 호출하는 것이며 static dispatch와 dynamic dispatch가 있다.static은 구현 클래스를 이용해서 컴파일 타임에 어떤 메서드가 호출될지 정해져 있는 것이다.dynamic은 인터페이스를 이용해서 호출되는 메서드가 동적으로 정해지는 것을 말한다. 12345678910111213141516// StaticDispatch라는 구현 클래스의 method이므로 정적으로 정해진다.class StaticDispatch { method(){return 'hello staticDispatch';}}let staticDispatch = new ..
ES5 에서의 실행 컨텍스트
출처 : https://es5.github.io/#x10 10. 실행 가능한 코드와 실행 컨텍스트 ECMAScript실행 가능한 코드에는 3가지 유형이 있다. - 전역 코드는 ECMAScript 프로그램으로 취급되는 소스 텍스트이다. 특정 프로그램의 전역 코드는 FunctionBody의 일부로 파싱되는 소스 텍스트를 포함하지 않는다. - Eval code는 빌트인 eval 함수로부터 공급되는 소스 텍스트이다. 보다 정확하게, 빌트인 eval 함수에 매개 변수가 string 이면 ECMAScript 프로그램으로 처리된다. eval의 특정 호출에 대한 eval 코드는 해당 프로그램의 전역 코드 부분이다. - 함수 코드는 FunctionBody 부분으로 파싱되는 소스 텍스트이다. 특정 FunctionBody의..
출처 : 자바스크립트 완벽 가이드Geolocation?Geolocation API는 자바스크립트 프로그램이 사용자의 실제 위치를 브라우저에게 요청할 수 있게 한다. 이런 정보들은 개인정보와 관련되어 있어 브라우저에서는 해당하는 위치 정보에 접근하기 전에 사용자의 허락을 받도록 하고 있다.Geolocation API는 navigator.geolocation으로 정의 되어 있으며 3가지 메서드가 있다.navigator.geolocation.getCurrentPosition() : 사용자의 현재 위치를 요청한다.navigator.geolocation.watchPosition() : 현재 위치를 요청하는 것은 동일하지만, 사용자 위치 변경될 때마다 콜백 함수를 호출한다.navigator.geolocation.c..
자릿수마다 Comma를 넣는 방식이다.toLocaleString을 이용하면 쉽게 넣을수 있다. 해당 메서드는 ie8까지도 잘 작동한다.
window.onload는 html, css, javascript 파일등이 전부 로딩이 되었을때는 감지하는 이벤트 메서드이다.보통은 script 파일을 html 파일 제일 아래에 위치시켜서 했기 때문에 그렇게 신경쓰지 않는 메서드였는데 이번에 사용할 일이 생기게 되었다. // 모든 로딩이 끝난 뒤 작동window.onload = function(){} // DOM 로딩이 끝난 후 document.onload = function(){}cs 회사에서 Gulp를 사용하고 있는데, 순서에 상관없이 JS 폴더내에 있는 모든 JS 파일들을 가져와서 합치고 최소화를 시켰다.그런데 서로간의 의존성이 존재하기 때문에 순서가 필요했는데, 그럴때에는 어떻게 해야하는지 물어보았었다. 그것에 대해서 2가지 답변을 들을수 있었는..
this를 사용하지 않는 javascriptjavascript의 많은 결정중에 하나는 this가 작동하는 방식이다. 이것은 꽤나 혼란스럽다. 자바스크립트에서 정규 변수에 적용하는 렉시컬 스코핑 규칙과 시멘틱이 상당히 다르기 때문이다. 이것은 자주 함수의 렉시컬 스코프와 전혀 관련이 없다. 이러한 문제를 해결하기 위해서 다음과 같은 트릭을 사용하곤 한다.function blah() { var that = this; somethingThatRebindsThings ( function() { this.whatever(); }); }자바스크립트 개발을 많이 해본 사람이라는 이 고통을 느낄수 있다. 만약 그러한 것이 전혀 필요가 없는 상황을 상상해 보라. 그것이 가능한것인가? 한가지 방법은 단지 this를 아예 ..