Knowledge Map

출처 : 자바스크립트 완벽 가이드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를 아예 ..

position absolute일때에는 흔히 margin auto가 안먹힌다고 한다. 실제로도 안 먹히지만, 그것을 조금 다르게 적용하면 먹힌다.left, right를 0으로 주기만 하면된다.

javascript의 생태계가 지속적으로 확장되고 있다. 본진이었던 웹 프론트 엔드 부터, node.js와 express.js를 필두로 해서 백엔드에서 사용이 가능해졌고일렉트론 을 통해서 PC 응용 프로그램, 코도바, 아이오닉, 리엑트 네이티브 등으로 통해서 모바일 앱에서도 그 영역을 확장하고 있다. 일단 node.js와 express.js는 깃허브에 정리 중이라서 그 후에 여기도 올릴 예정이고.. 오늘은 간단하게 웹소켓을 구현할수 있는 express-ws의 에러에 대해서 간단히 기록한다. express.js는 node.js 런타임에서 웹서버를 쉽게 구축할수 있게 도와주는 웹서버 프레임 워크라고 보면 이해가 빠르다.웹서버에서 웹소켓을 구현하는 것은 여러가지가 있으나 가장 쉽게 할수 있는 것은 socket..

no java virtual machine found in folder 이런 메세지가 뜰때에는 문장 뜻 그대로 JVM 즉 자바 가상 머신이 없을때 일어난다.이것은 JDK, JRE가 설치가 안되어있을 때 뜨게 되는데 간혹 설치를 했는데도 뜰 경우가 발생한다. 그럴때에는 톰캣과 자바의 지원 bit 가 어떻게 되는지 확인하는게 좋다.가령 tomcat 6.0.20 이하 에서는 32비트로만 되어 있는데 OS가 64비트라서 자바를 64비트로 설치했다면 설치가 안되고 해당 에러 메세지만 뜰 것이다.tomcat 6.0.24 이후 버전에서는 64비트용도 있는거 같다. 두개의 적용 bit를 맞춰주면 알아서 설치 도중에 가져오는 것을 쉽게 볼수 있다.

책 '프론트 엔드 자동화 시스템 그런트' 의 예제를 해보고 있었다. 예제 세팅을 하고 마지막으로 grunt serve를 통해서 웹서버를 실행시킬려고 했더니 다음과 같은 에러가 발생했다.Fatal error: Cannot read property 'contents' of undefined물론 grunt serve --force를 하게 되면 그냥 넘어가기는 하지만 일단 문제가 생긴 것을 해결해야 하지 않을까 싶어서 해결책을 찾아 보았다.관련 에러는 이미 이슈로 되어 있었는데 https://github.com/gruntjs/grunt-contrib-imagemin/issues/208 이곳을 참고하면 된다. 해결책은 pakage.json 을 열어서 grunt-contrib-imagemin를 찾은 다음에 "^1...

http://blog.javarouka.me/2012/01/blog-post_2408.html JS 패턴http://blog.javarouka.me/2012/02/javascripts-pattern-1-singeton-patterrn.html 연관배열http://unikys.tistory.com/258

var test = "abcd" console.log ( test.charCodeAt(0) ); // 97 console.log ( test.charCodeAt(3) ); // 100 console.log ( String.fromCharCode(97) ); // a console.log ( String.fromCharCode(100) ); // bcs charCodeAt과 fromCharCode를 이용하면 문자 숫자 변환이 가능하다. ================= 정규 표현식으로 먼저 특정 문자열만 들어가 있을수 있는 표현식을 짠다. 그다음 test.match(myRe) 이런식으로 짜면 그 정규표현식에 적용되는 문자열이 다 출력이 된다. 그후에 적당히 요리하면 된다. var checkReg..