알레폰드의 테크 이모저모

=====================================================================       html 캐시삭제, 캐시방지 방법 모음 http://202psj.tistory.com/763    Web Storage 웹 스토로지 관련 http://202psj.tistory.com/1187   =====================================================================   출처: https://stackoverflow.com/questions/15804462/how-to-clear-localstorage-sessionstorage-and-cookies-in-javascript-and-then-ret  How to com..

================================= ================================= ================================= 출처: https://gs.saro.me/#!m=elec&jn=807 JSZip + FileSaver : 자바스크립트 파일 압축 다운로드 도구 얼마전 Hibernate Tools 을 통해서 쿼리 -> Domain 변환에 대해서 설명했습니다. https://gs.saro.me/#!m=elec&jn=805 하지만 결과가 별로 마음에 들지 않았습니다. 직접 쿼리문을 domain과 리포지토리로 바꿔 줄 수 있는 것을 생각하던 중 자바스크립트로 처리해서 zip으로 내려받으면 어떨까 싶어서 찾아보던중 js zip 이라는 것을 알게되었습..

=====================================================================       출처: https://m.blog.naver.com/PostView.nhn?blogId=b_feather&logNo=50117082290&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F  대부분의 사용자가 모바일 환경이 아닌 일반적인 PC web 인터페이스로 웹서비스에 접속하던 시절에는 방문자의 브라우저와 운영체제만 감지를 하면 대부분의 문제를 해결할 수 있었지만, 태블릿과 스맛폰이 많이 보급되면서 크로스브라우징 뿐만 아니라 어떤 기기로 접속했느냐에 따라 각각 처리와 대응을 따로 해줄 필요가 생겼습니다. 이러한 문제를 해결하기 위해 구..

================================= ================================= ================================= 출처: http://mohwaproject.tistory.com/entry/%EC%8A%A4%ED%83%9C%ED%8B%B1%EB%A9%94%EC%84%9C%EB%93%9C-%EC%83%9D%EC%84%B1%EB%B0%A9%EB%B2%95 static 속성과 메서드란? - 함수 객체의 인스턴스 맴버와는 달리 각 인스턴스에 따라 달라지지 않는 맴버 그룹을 가리키며,인스턴스를 생성하지 않고 사용할 수 있어야 한다.자바스크립트에서의 static 구현은 아래와 같이 함수 객체에 속성을 추가하는 방법으로 구현한다.또한, 이 방법은 자..

================================= ================================= ================================= 출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array JavaScript Array 객체는 리스트와 비슷한 고수준 객체인 배열을 생성하는 데 사용되는 전역 객체입니다. 배열 만들기 var fruits = ['사과', '바나나']; console.log(fruits.length); // 2 인덱스로 배열의 항목에 접근하기 var first = fruits[0]; // 사과 var last = fruits[fruits.leng..

================================= ================================= ================================= 출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Map Map 객체는 간단한 key/value map 이다. 어떠한 value ( 객체들과 primitive values 둘 모두, 키 또는 값으로서 사용될 수 있다. SyntaxEdit new Map([iterable]) Parameters iterable Iterable 은 배열이거나, element 들이 key-value 쌍(2-element Arrays)을 이루는 다른 it..

=====================================================================    출처: http://blog.naver.com/PostView.nhn?blogId=hihihichoi&logNo=20141585593  ▶ 브라우저의 스레드• 기본적으로 웹 페이지는 하나의 스레드로 처리• 처리 시간이 오래 걸리는 스크립트의 실행 동안에는 UI(DOM, 사용자 이벤트 처리) 작업을 처리할 수 없음 ▶ Worker• 메인 스레드(UI)와 독립되어 백그라운드 프로세스로 처리되는 스크립트• 처리 시간이 오래 걸리는 작업에 사용하면 메인 스레드와 같이 병행하여 동작• 워커를 이용한 병렬 처리는 멀티 코어에서 최적화된 성능을 발휘• UI 처리와 비즈니스 로직의 분리 ▶..

================================= ================================= ================================= 출처: http://www.html5rocks.com/en/tutorials/casestudies/gopherwoord-studios-resizing-html5-games/ Introduction In the summer of 2010, we created Sand Trap, a game that we entered in a competition on HTML5 games for mobile phones. But most mobile phones either displayed only part of the game or ma..

================================= ================================= ================================= 출처: http://chanlee.github.io/2013/12/10/understand-javascript-closure/ 자바스크립트 클로저 쉽게 이해하기 Posted on 2013-12-10 | In javascript | 클로저(Closure)는 프로그래머가 창조적이고 인상적이며 간결한 프로그래밍을 할 수 있게 해줍니다. 클로저는 빈번하게 사용되며 자바스크립트 스킬과 관계없이 자주 마주치게 될 것입니다. 물론, 지금 당장 클로저는 복잡해 보일 수 있습니다만, 이 글을 읽고 클로저에 대해 이해하게 된다면 자바스크립트 ..

================================= ================================= ================================= 출처: http://blog.iolo.kr/344 자바스크립트에는 URL 인코딩과 관련해서 4가지 함수가 있다.encodeURI(), encodeURIComponent(), escape()/unescape() 이 그것인데...구글신께 여쭈었더니... 이렇게 다르다고 말씀해 주셨다.정말?일단, 실험을 해보기로 했다.저 사이트에 나온 파일을 UTF-8과 EUC-KR로 각각 저장했다.test-utf8.html, test-euckr.html 그리고 각각의 파일의 헤더 영역에 다음의 메타 태그들을 끼워넣은 파일을 두개 더 만들었다.t..