'WebSide'에 해당되는 글 3건

  1. 2009.09.01 Event Key Code
  2. 2009.04.14 Prototype & Scriptaculous In action
  3. 2009.04.07 웹사이트 성능향상
2009. 9. 1. 20:12
HTML Element에서 key이벤트가 발생할 경우 Event 객체를 통해 해당키의 unicode값을 가져올 수 있다.

Sample Coding



Event Key Code Table
Key Pressed Javascript Key Code
backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
page down 34
end 35
home 36
left arrow 37
up arrow 38
right arrow 39
down arrow 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
a 65
b 66
c 67
d 68
e 69
f 70
g 71
h 72
i 73
j 74
k 75
l 76
m 77
n 78
o 79
p 80
q 81
r 82
s 83
t 84
u 85
v 86
w 87
x 88
y 89
z 90
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121
f11 122
f12 123
num lock 144
scroll lock 145
semi-colon 186
equal sign 187
comma 188
dash 189
period 190
forward slash 191
grave accent 192
open bracket 219
back slash 220
close braket 221
single quote 222

'WebSide > Javascript' 카테고리의 다른 글

Prototype & Scriptaculous In action  (0) 2009.04.14
Posted by 졸린눈이
2009. 4. 14. 14:46
PROTOTYPE & SCRIPTACULOUS 인 액션
카테고리 컴퓨터/IT
지은이 데이브 크레인 (위키북스, 2008년)
상세보기

Script.aculo.us 는 Prototype.js을 기반으로 하는 JS UI 라이브러리라고 볼 수 있다.
Prototype.js의 경우 타 Javascript Framework들(jQuery, Dojo 등)과 다르게 core 라이브러리만 제공을 한다. 때문에 Script.aculo.us 는 Prototype.js 를 이용해서 UI를 좀 더 쉽게 만들수 있는 라이브러리와 추가 Utility성 라이브러리들을 다수 포함하고 있어 Prototype.js 을 보완해준다.

http://script.aculo.us/
http://www.manning.com/crane3/

'WebSide > Javascript' 카테고리의 다른 글

Event Key Code  (0) 2009.09.01
Posted by 졸린눈이
2009. 4. 7. 21:47

웹 사이트 최적화 기법: UI 개발자를 위한 필수...
카테고리 컴퓨터/IT
지은이 스티브 사우더스 (아이티씨, 2008년)
상세보기

High Performance Web Sites라는 책은 야후닷컴 성능향상 팀장인 스티브 소더스가 야후웹사이트에 대한 성능 향상을 위해 리서치하고 정리된 내용이 고스란히 담겨 있습니다.

 보통은 웹어플리케이션을 개발하면서 속도 문제가 있어 튜닝을 하다보면 비지니스로직이라던지 DB Query관련 튜닝이라던지를 중심으로 접근하게 됩니다. 하지만 스티스 소더스는 웹사이트에서 최종사용자가 느끼는 최종응답시간의 80%이상은 웹서버와 사용자의 웹브라우저간의 정보교환 및 웹브라우저화면생성에 쓰여진다는 점을 착안하여 front-end의 performance tuning point 를 14개의 rules로 정의하고 야후닷컴에 적용하고 있습니다.

웹관련 개발자라면 추천할만한 내용입니다. 물론 이미 알고있는 부분도 많습니다만 막연히 알고 있는 것을 명확하게 이해하게 해줍니다. 또한 14rules와 관련한 yslow라는 파이어폭스용 plugin tool 도 만들어서 제공하고 있습니다.

처음에 접할 땐 번역서가 없었는데 작년말에 번역서가 나왔군요...
책 자체는 상당히 얇습니다. 굳이 안사도 야후닷컴에 가면 설명이 간략히 정리되어 있습니다.

간략요약

Golden Rule: front-end 성능을 먼저 최적화 하라. 최종 사용자 응답시간 중 80%이상이 여기에 해당된다.

14 Rules
  • Rule1 - HTTP 요청을 최소화하라
  • Rule2 - CDN 을 이용하라
  • Rule3 - 만료헤더를 설정하라
  • Rule4 - gzip 을 사용하라
  • Rule5 - 스타일시트는 상단에 위치하라
  • Rule6 - 스크립트는 하단에 위치하라
  • Rule7 - CSS Expression 은 이용하지 마라
  • Rule8 - 자바스크립트와 CSS는 외부파일로 만들어라
  • Rule9 - DNS Lookup 을 줄여라
  • Rule10 - 자바스크립트를 축소화하라
  • Rule11 - redirects 를 사용하지 마라
  • Rule12 - 중복 스크립트를 제거하라
  • Rule13 - ETags 설정에 유의하라
  • Rule14 - AJAX도 캐싱하라
  • 추가 Rule15 - iframe은 현명하게 사용하라

참고사이트
http://developer.yahoo.com/performance/rules.html
http://yuiblog.com/blog/category/performance
http://stevesouders.com/hpws/
Posted by 졸린눈이