본문 바로가기
[android] how to improve the performance of WebView Android, How to improve the performance of WebView webview 의 성능을 향상시키기 위해 여러가지 이야기가 돌아다니는데, 가장 general 하게 통용되는 녀석은 cache 를 쓰지 않는 방법으로 보인다. WebView.getSettings().setCacheMode( WebSettings.LOAD_NO_CACHE ); 사실 Cache 를 쓰는것은 성능상의 이슈 때문인데..안드로이드 프레임워크상의 에러인지, 아니면 모바일 단말의 특성상 cache 처리를 위해 여러번의 network connection 을 하지 않고, 무조건 한번에 가져오는 것이 빠른것인지 ( contents 사이즈가 작다는 가정 하에 ) 정확한 이유는 알 수 없지만, 여튼 Cache 를 사용하지.. 2013. 9. 26.
[jQuery/Tutorial] jQuery 와 다른 JS Library 함께 쓰기 ( noConflict 함수 ) jQuery와 다른 JS Library 함께 쓰기 ( noConflict ) [이전강좌] $(document).ready() 와 $(window).load() 의 차이. jQuery 는 해당 library 를 사용을 위한 namespace 로 "jQuery" 를 지정했고, $ 를 그 alias 로 지정해놓았다.하지만 다른 유명한 JS Library 들도 $ 를 namespace alias 로 사용하는 경우가 있어jQuery 와 다른 library 사이에 충돌이 일어나는 경우가 있다. 충돌이 일어나면, 내가 현재 사용하는 $ 가 어떤 library 에 귀속되는 녀석인지 판별하기가 어렵다.그래서 가능하면 한 개의 library 로 해결할 수 있다면 다른 library 를 함께 사용하는 것은 비추되고 있다.C.. 2013. 7. 15.
[jQuery/Tutorial] $(document).ready() 와 $(window).load() 의 차이. $(document).ready() 와 $(window).load() 의 차이 [이전강좌] $ 와 $() 의 차이. $(document).ready() $(document).ready() 는 페이지의 DOM 이 모두 load 되는 순간 1회만 불린다. $(window).load() $(window).load( function(){...} ) 의 경우는 페이지 전체가 다 load 되는 순간 1회만 불린다. 둘의 차이가 잘 이해가 안되는데? DOM load 와 Page load 의 차이를 이해하면 이해가 될텐데,page load 는 img 나 iframe 태그가 있을 경우 그것들의 load 가 모두 끝나는 순간을 page load 가 끝나는 시점으로 본다.따라서 DOM 이 모두 준비되어도 JS 코드들을 바로.. 2013. 7. 11.
"웹을 지탱하는 기술" 내용정리. "웹을 지탱하는 기술" 내용정리. "웹을 지탱하는 기술" 이라는 일본 저자가 쓴 책을 본 후에,핵심이 되는 내용이랑 내가 몰랐던 내용인데 정리해두면 좋을 것 같은 내용을 정리해본다. 설명과 함께 정확한 내용, 빠진 내용을 확인하고 싶은 사람은 책을 직접 볼 수 있도록~ 웹을 지탱하는 기술 서평을 보고 싶으면 여기를 클릭! 웹의 다양한 용도 1. 웹사이트 2. User InterfaceHTML 도움말, 웹 UI for embedded systems 3. APIWeb Service 라 부름 웹을 지탱하는 기술 1. HTTP, URI, HTML 2. 하이퍼미디어비선형적 컨텐츠. 중간에 link 타고 갈 수 있고, 동영상, 다른 사이트 등을 껴 넣을 수 있다. (책은 선형) 3. 분산시스템자료의 내용이 전세계적.. 2013. 6. 24.
[HTML] 여러해상도의 단말 모두 지원하기. HTML, 여러 해상도의 단말 모두 지원하기. 스마트폰이 나오면서 & mobile page 들이 등장하면서많은 내용을 적은 화면에 display 해야 하는 문제들이 생겨났다. mobile page 전용으로 layout 을 다시 하고, 표시하는 정보의 내용들을 depth 를 두어 나타내는 방법으로 해결하곤 했지만, 모바일 device 의 종류가 다양해지면서 이제는 여러 해상도의 단말들에서 최적화된 look 을 보여주는 issue 가 또 다시 제기되었다. 하여, 이전부터 W3C 가 권고하였듯 HTML, CSS, JavaScript 를 다른 파일로 구성하는 것이 좋고,이 방법을 따르면, HTML 이 불려지는 시점에 해상도에 따른 CSS 파일을 지정하여 불러올 수 있어 여러 해상도를 지원할 수 있다. 위와 같은.. 2013. 6. 13.
[책/리뷰] 모바일 홈페이지 쉽게 만들기. 책 리뷰, 모바일 홈페이지 쉽게 만들기 모바일 홈페이지 쉽게 만들기저자김선태 지음출판사성안당 | 2012-01-10 출간카테고리컴퓨터/IT책소개홈페이지 혁명이 일어났던 1990년대 후반의 변화보다 더 큰 충...글쓴이 평점 내 평점은 2점 / 10점. 우선, 목차만 보면 내용이 참 좋다.하지만, 책을 보다보면 단점이 너무 확연히 보인다. 1. 초보자를 위한 책처럼 위장하고 제대로 초보자를 배려하지 않았다. - 대부분의 코딩 부분에 설명이 제대로 되어 있지 않다.- Form 처리 부분은 GUI 구성으로 끝난다.- Form 처리하는 부분은 고급주제에 대한 소개로 이어져 최소한 독자가 더 공부할 수 있도록 가이드라도 해주어야 하는데 이런 배려도 없다. 2. 사진이 너무 작다. - 코드를 사진으로 붙여놓았다.... 2013. 6. 2.
[JavaScript/Tutorial] Closure 와 Function.bind 의 사용. Closure와 Function.bind 의 사용 [이전강좌] Scope. var 없이 변수 정의하면? Global variable 접근방법은? Closure Closure 는 Scope 의 확장판으로 이해할 수 있다. Function 에 Parameter 형태로 Variable 을 전달하여, 해당 변수를 Local 화 시키는 것도 Closure이고, Outer scope 접속을 위해 임의의 variable 에 this 를 저장한 후, sub procedure 를 실행하는 형태도 Closure 하고 한다. // 변수 로컬화 closure var localizeFunction = function( localizedIndex ){ return function(){ alert( localizedIndex );.. 2013. 5. 26.
[JavaScript/Tutorial] Scope. var 없이 변수 정의하면? Global variable 접근방법은? Scope. var 없이 변수 정의하면? Global variable 접근방법 [이전강좌] this 란 무엇인가? this 가 가르키는 건 무엇인가? 주의사항은? Global Variable 접근방법 global scope 는 window object 를 통해서 접근가능. window.variable var 없이 변수정의 하면? 변수선언시 var 를 잊어버리고 쓰지 않으면, 자동으로 global 로 정의된다.이는 코드의 가독성을 떨어뜨리는 나쁜 코드의 지름길이므로 피해야 한다. [다음강좌] Closure 와 Function.bind 의 사용. global scope, Global Variable, javascript, javascript tutorial, js, js tutorial, Scope, Var.. 2013. 5. 24.
[JavaScript/Tutorial] this 란 무엇인가? this 가 가르키는 건 무엇인가? 주의사항은? this 란 무엇인가? this 가 가르키는 건 무엇인가? 주의사항은? [이전강좌] typeof 사용시의 주의사항, array type 판별코드. this 란 무엇인가? this 키워드는, 해당 function 을 invoke 한 object 를 가르키는 데 사용된다. this 가 가르키는 것은 어떻게 판별하는가? 1. Function.call 이나 Function.apply 를 통해 function call 을 하게 되면, call() 이나 apply() 의 첫번쨰 argument 가 this 가 된다. 만약 Function.call 이나 Function,apply 의 첫번째 argument 로 null 이나 undefined 가 들어왔다면 this는 global object 를 참조한다. 2. 만약 .. 2013. 5. 24.
반응형

티스토리툴바