http://www.ajaxload.info/


다양한 indicator image 생성할 수 있는 사이트


indicator 색상과 배경색도 선택하여 생성할 수 있다.



http://www.google.com/fonts/earlyaccess


중간정도에 있다.


'나눔'으로 검색하여 찾으면 쉽게 찾을 수 있다.



'기타' 카테고리의 다른 글

indicator image 생성 사이트  (0) 2013.12.10
나눔고딕 webfont  (0) 2013.12.04
[크로스브라우징 테스트] mac에서 vm없이 explorer 사용하기  (0) 2013.11.18
facebook oauth 연동문제  (0) 2013.11.11
adobe kuler 사이트  (0) 2013.08.29



배경이 어두운 배경이라면 status bar 색깔이 눈에 잘 띄지 않는다.


흰색으로 바꾸려면 다음과 같이 해보자


plist파일에 View controller-based status bar appearance : NO를 추가하고



AppDelegate.m의 didFinishLaunchingWithOptions


[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];


을 추가



흰색으로 바뀜

'ios dev' 카테고리의 다른 글

[ios dev] ios7 status bar 아래로 뷰 나오게 하기  (1) 2013.12.13
[ios dev] UIColor  (0) 2013.12.13



위와 같이 tiltebar와 ios7의 status bar와 겹치는 현상은 아래 소스를 추가하자


if (parseFloat(window.device.version) === 7.0) {

            document.body.style.paddingTop = "20px";

}





네이티브단에서 해결하기(http://squll1.tistory.com/entry/ios-dev-ios7-status-bar-%EC%95%84%EB%9E%98%EB%A1%9C-%EB%B7%B0-%EB%82%98%EC%98%A4%EA%B2%8C-%ED%95%98%EA%B8%B0)


자바스크립트는 세미콜론을 삽입하지 않고 행을 종료하면 자동으로 세미콜론을 추가한다.


이러한 특징때문에 문제가 발생할 수 있다.


function func(){

return

{

name:'JunHyuk'

};

}


위 함수가 name 프로퍼티를 가진 객체를 반환할것 같지만 자동으로 추가된 세미콜론때문에 undefined를 반환한다.


function func(){

return undefined;

//아래 코드는 실행안된다.

{

name:'JunHyuk'

}

}


정리하자면 여는 중괄호는 명령문과 동일한 행에 두어야 한다.

'javascript' 카테고리의 다른 글

[javascript] location.href 에서 target=_blank 효과 사용  (0) 2014.07.02
[javascript] JavaScript Puzzlers!  (0) 2014.02.08
[javascript] 전역변수  (1) 2013.11.18
[javascript] hoisting  (0) 2013.11.18
[javascript] ==과 ===  (0) 2013.11.07

다음과 같은 for문을 최적화를 시켜 보겠다.


for(var i=0; i<myarray.length; i++){

}


위 패턴의 문제점은 루프 순회시마다 배열의 length에 접근해야한다.


이를 최적화하면 아래와 같다.


for(var i=0, max=myarray.length; i<max; i++){

}


위와 같이하면 length값을 한번만 구하고 루프를 도는 동안 이 값을 사용한다.


이를 더 최적화를 해본다면 아래와 같다.

var i, myarray=[];

for(i=myarray.length; i--;){

}


var myarray=[],

i=myarray.length;

while(i--){

}


위와 같이 하면 변수 max를 사용하지 않아 변수가 하나 줄게되고


카운트를 거꾸로 하여 0으로 내려가게되는 방법이다.

앞에서는 변수와 관련돼서 hoisting에 대해 알아봤습니다.


이번에는 전역변수에 대해 알아보겠습니다.


전역변수, 지역변수 프로그래밍을 하는 사람이라면 기본일 것이고 설명할 것들이 있나 생각할수도 있습니다.


하지만 javascript의 특징과 주의할 점을 설명하겠습니다.


함수내에서 var를 빠뜨리고 선언하면 전역변수로 선언된다.


function sun(x,y){

result=x+y;//전역변수

return result;

}


위와같이 var를 빠뜨리고 변수를 선언하면 전역변수가 됩니다.


작동에는 문제가 없지만 함수를 호출하고 나서 전역 네임스페이스에 result변수가 남아 문제를 발생 시킬수 있습니다.


다음으로 var선언을 연속적으로 선언할 경우 생기는 문제점이 있습니다.


function a(){

var a=b=0;

}


위의 경우 a는 지역변수 이지만 b는 전역변수가 됩니다.


이런이유는 값의 대입이 오른쪽에서 왼쪽으로 진행되기때문에 b=0이라는 표현이 먼저 실행됩니다. 이떄 b는 선언되지 않은 생태이므로


b는 전역변수로 선언되고 이 b의 값이 다시 a의 지역변수에 할당됩니다.


위 코드는 아래와 같습니다.


function a(){

var a=(b=0);

}


아래와 같이 변수를 미리선언해 두고 선속적으로 할당하면 문제가 되지 않습니다.


function a(){

var a,b;

a=b=0;

}




자바스크립트 전역변수는 웹페이지 모든 코드사이에 공유됩니다.


이런 특징때문에 전역변수의 빈번한 사용은 문제를 일으킬수 있다.


어플리케이션내에 다른 영역에서 다른 목적으로 동일한 전역변수를 정의할 경우 덮어쓰게 된다.


그리고 플러그인이나 외부코드를 가져와 사용하는 경우 문제가 발생할수도 있습니다.


그러므로 전역변수를 최소화 하여 사용하여 사용합시다.


'javascript' 카테고리의 다른 글

[javascript] JavaScript Puzzlers!  (0) 2014.02.08
[javascript] 중괄호 위치  (0) 2013.11.19
[javascript] hoisting  (0) 2013.11.18
[javascript] ==과 ===  (0) 2013.11.07
[javascript] javascript patterns  (0) 2013.10.28

hoisting을 해석하면 '끌어올리기'이다.


자바스크립트는 함수내에서 여기저기에 여러개의 var선언을 사용하지만


실제로 모두 함수상단에 선언된 것과 동일하게 동작합니다. 이를 호이스팅이라 합니다.


아래 코드를 보면서 console.log에 뭐가 나올지 생각하보면


name='global';//전역변수

function func(){

console.log(name);//undefined

var name='local';

console.log(name);//local

}

func();


첫번째 console.log는 global이 두번쨰console.log는 local이 찍힌다고 생각할 수 있습니다.


지역변수 name이 선언되기 전에 출력을 했으니 전역변수를 출력하고 다음 출력은 지역변수가 선언된 다음이니 지역변수값이 출력된다고


생각할 수 있는데 결과는 위와같이 undefined와 local이 출력됩니다.


이는 위에서 설명한 hoisting때문입니다.


위 코드는 아래와 같이 작성한 코드와 같습니다.


name='global';//전역변수

function func(){

var name;

console.log(name);//undefined

name='local';

console.log(name);//local

}

func();


'javascript' 카테고리의 다른 글

[javascript] 중괄호 위치  (0) 2013.11.19
[javascript] 전역변수  (1) 2013.11.18
[javascript] ==과 ===  (0) 2013.11.07
[javascript] javascript patterns  (0) 2013.10.28
[javascript] 배열을 스택처럼 다루기  (0) 2013.06.26

+ Recent posts