BLOG main image
아마티's Blog is powered by Textcube / Designed by Qwer999 from DesignMyself.net

Minicube.kr - 블로그닷컴 Ver 3.03 RSS

'JavaScript'에 해당되는 글 2건

  1. 2007/11/16 Cheat Sheet (5)
  2. 2007/09/19 자바스크립트 - 변수(variables)에 대해서

Cheat Sheet

CSS/XHTML 2007/11/16 11:01 by 아마티

철지난 링크 보고입니다 -_-...
전에 HTML CheatSheet라는 것을 찾았는데요, 이번엔 다른 분의 CheatSheet를 찾았습니다.
Dave Child 라는 분의 블로그에서 찾았는데요, 이분은 인터넷 마케팅 쪽 일을 하시지만 치트시트 전문가인듯...
CSS, HTML, Javascript 외에도 SQL Server, Microformat, PHP, Ruby on rails 심지어 WOW(World of Warcraft) 치트시트도 만들어서 올리셨군요...

PDF 파일을 보면 한장을 프린트하는 것으로 관련 각종 속성과 사용법 등을 한눈(?)에 볼 수 있습니다. 각 속성이 무엇인지까지는 아무래도 한장에 표현하기에는 무리가 따르겠구요...
이런 문법을 사용할 수 있다는 정도를 알 수 있는 Remind 의 용도로 사용할 수 있겠네요.

역시 전에 올렸던 HTML 치트시트 때처럼 책상에 붙여놓고 사용하면 좋을 것 같습니다.

출처 : http://www.ilovejackdaniels.com/
HTML CheatSheet : http://www.ilovejackdaniels.com/html-cheat-sheet.pdf (2007-01)
CSS CheatSheet : http://www.ilovejackdaniels.com/css_cheat_sheet.pdf (2005-04)
Javascript CheatSheet : http://www.ilovejackdaniels.com/javascript_cheat_sheet.pdf (2005-08)

사용자 삽입 이미지

크리에이티브 커먼즈 라이센스
Creative Commons License
2007/11/16 11:01 2007/11/16 11:01

TRACKBACK URL :: http://minicube.kr/blog/trackback/70

자바스크립트의 변수(variables)에 대해 이것저것 공부한 것.
자바스크립트(ECMA262)는 우선 Sun의 JAVA와는 전혀 상관이 없다는 것은 다들 알고 있는 사실이죠.

자료형의 종류
  • number : 숫자로 된 데이터. 숫자, NaN(Not a Number), infinity(범위 벗어난 숫자) 형태 중 하나.
  • string : 문자 데이터. ""(겹따옴표, 더블쿼테이션)으로 둘러싸인 형태. length() 메소드를 가짐
  • boolean : TRUE, FALSE 의 두가지 값 존재. 참과 거짓, 0 또는 1의 의미.
  • object : new 키워드로 예약한 객체, BOM or DOM, function, object, null
  • undefined : 정해져 있지 않은 것, 또는 아예 없는 것.

* HTML의 폼에서 input으로 들어가는 값은 전부 string으로 인식하기 때문에 만약 계산에 필요한 숫자형이라면 형변환을 해줘야 합니다.

* 숫자형(number)으로 형변환하는 방법은 Number(), parseInt(), parseFloat() 사용가능.

cf. parseInt() 함수는 숨겨진 두번째 인자가 있는데, parseInt("23",16); 등으로 두번째 인자 값을 숫자로 넣어주면 해당 진수로 변환시켜 줍니다. 디폴트는 10이며 2, 8, 10, 16 등을 사용가능.
cf2. 또는 숫자형 데이터는 앞에 0을 붙이면 8진수, 0x를 붙이면 16진수가 된다.
a = 10; // 10진수 (10)
a = 010; // 8진수 (8)
a = 0x10; // 10진수 (16)
cf3. Number(), String() 등의 함수는 이미 예약되어 있으며, 해당 형으로 형변환하는 기능을 함.

형변환을 잘 알고 있다면 자바스크립트의 소스 분석이 용이합니다.

형변환하기
  • String to Number : Number(), parseInt(), parseFloat()
  • Boolean to Number : false - 0, true - 1
  • Object to Number : valueOf, toString, NaN
  • String to Boolean : length=0 이라면 False, 그외에 length>0 이면 True
  • Number to Boolean : 0 이면 False, 그외에 모든 경우(음수,양수 포함)는 True
  • object = true
  • NULL, undefined = false

모든 연산자는 숫자로 형변환되어 처리되지만 "+" 연산자는 예외입니다. "+" 는 문자열 병합 기능도 가지고 있기 때문입니다. 따라서 "+" 연산자를 사용하여 연산할때 해당 변수 중 하나라도 string형이면 나머지 변수도 모두 string형으로 강제 형변환됩니다. (String Append 현상)

ex>
2 + true + "3" + false 를 연산할 때.
순서대로 계산되기 때문에 2+true는 true가 숫자형인 1로 바뀌어 3이 됩니다.
3+"3" 은 string형이 하나 존재하기 때문에 모두 string형으로 바뀌게 되어 "33"이 됩니다.
"33"+false 도 역시 string형이 존재하므로 최종 값은 "33false"


변수 선언하기
  • 지역변수 : 함수 내에서 var 예약어 사용. (함수 내에서만 사용하는 별도의 변수 생성)
  • 전역변수 : 함수 외부, 또는 global area에서 var 예약어 사용하거나, 그냥 변수를 만들면 문서 내에서 계속 사용가능.
변수명 규칙
  • 영문자, 숫자, _(밑줄) 사용 가능. 변수명의 첫 문자는 영문으로 시작.
  • 자바스크립트 예약어는 사용불가능. (var, this, if 등)
  • 한글 변수명은 원래 사용할 수 없었지만, 자바스크립트 내의 string은 유니코드로 처리되기 때문에 현재는 한글 변수명을 사용할 수 있습니다. (다만 영문 변수명 권장)
크리에이티브 커먼즈 라이센스
Creative Commons License
2007/09/19 12:10 2007/09/19 12:10

TRACKBACK URL :: http://minicube.kr/blog/trackback/54

1 
전체 (74)
일상생활 (48)
UI개발 스토리 (9)
웹 2.0 (5)
CSS/XHTML (11)
자바스크립트 (1)