태터툴즈 단축키

아시는 분은 다들 아시겠지만..
태터툴즈는 단축키를 지원합니다.

'에이.. 그냥 마우스로 버튼 누르면 되는걸...'
이라고 생각하실수도 있으시지만.. 사용해보시면 의외로 편합니다 *^^*

특히 제가 즐겨쓰는 단축키는 [Q]버튼입니다.
[Q]키는 "관리자"메뉴로 들어가는 단축키이죠..
암호를 자동으로 입력해주는 '알패스'를 사용중인 저로써는..
[Q]버튼만 누르면 자동으로 암호를 입력해서 관리자 메뉴가 나오거든요..

이런점은 이전의 [클래식]버전에서는 그냥 암호만 입력하면 되고..
지금은 [1.0]버전에서는 [아이디(메일주소)/암호]를 따로 입력받게 되는데..
오히려 두개를 입력하는게 더 편해졌습니다..
(*알패스에서 그냥 암호만 입력하는건 인식하지 못하고.. 아이디/암호를 인식하는터라~)

태터툴즈에서 지원하는 단축기 목록은 아래와 같은데요..
클래식에서는 관리자메뉴에 단축기 목록이 나오는데..
1.0에서는 나오지 않더라구요 *^^*

위의 키중에서 [W] [F] 키는 1.0에서는 사용이 안됩니다.
(*물론 끝까지 읽어보시면 아시겠지만.. 추가/수정이 가능합니다)
[Z] [X] [C]는 원래 블로그 화면에서 보여주는거라.. 별다른 유용성이 없습니다.


역시 가장 유용한 기능은 이전페이지/다음페이지를 넘겨주는 [A] / [S]
관리자 페이지로 이동하는 [Q] , RSS리더로 움직이는 [R]..
특히 [Q]키의 경우에는 한번누르면 [관리자]로..
[관리자]에서 다시 [Q]를 누르면 [블로그]로 이동하는 재치만점의 키입니다. *^^*

이렇게 4개인듯 싶습니다. 글 수집하기[T] 스크랩한 글 보기[G]도 리더 사용자라면..
알아두면 편한 단축키이겠죠?



** 조금더 편리함을 요구하시는 사용자라면...
단축기를 원하시는대로 변경해서 사용하시는 것도 가능합니다.
내용은 진짜 쉽게 썼으니까.. 괜히 어렵다 생각하지 마시고 보세요~
영어 알파벳 읽고, 메모장으로 불러들이고, 키보드 입력만 하면 됩니다.
(제일 어려운 부분이 아마 FTP로 다시 올리는 부분입니다~ ^^!!)

아래 보시는 부분은 /태터툴즈/blog/index.php 파일입니다.
태터툴즈의 핵심파일이죠..

index.php파일의 1201번째줄을 찾아서보세요.
(보통 소스를 편집하는 에디터들은 앞쪽에 몇번째 줄인지가 나오는데..
그냥 메모장을 사용하시는 분들은 함수 이름을 [찾기]로 찾으시면 됩니다.)
찾으셔야 할 함수 이름은 processShortcut 이구요.

그 아래를 보시면 아시겠지만.. 초보라도 대충 뭐가 어떻게 돌아가는지는 눈에 보입니다.

예를 들어보죠..
1217번째 줄입니다.

  case 81: //Q
   window.location = "<?=$blogURL?>/owner";
   break;

영어만 읽으실줄 아시면 대강 감이 오시죠?
차례대로 읽어보겠습니다..

case 81 (81번 경우에..)
//Q (보통 //는 주석을 나타냅니다. 그냥 보기 좋으라고 적은거고 실제 효과는 없습니다
      하지만, 이렇게 적어줌으로써 81번 경우가 [Q]를 누르는거라는걸 알수있습니다.)
window.location (이건 자주쓰는건데 그냥 그대로 해석하면 됩니다.
                        윈도우 위치... 인터넷 주소창의 주소를 바꾸는 겁니다. )
<?=$blogURL?>는 태터툴즈의 기본위치를 불러오는 부분이구요.
/owner 은 1.0에서 관리자설정 메뉴의 주소입니다.

* 진짜 초보를 위해서 보통 맨뒤에 적어주는 ;(세미콜론)은 줄을 마친다는 뜻입니다.
* break;는 이제 할거 다했으니.. 쉬라는 뜻이구요 ^^!!
* 인터넷 주소는 " " (큰 따옴표)로 묶어서 적습니다.


하지만 위에 파일은 단지 case 81일때 처리하라는 말만 들어있지..
case 81이 어떻게 결정되는지는 나와있지 않습니다.
위에 //Q는 단지 81번 경우를 설명하는 것일뿐..
실제 [Q]키와 [case 81]을 묶어 주는 부분은 다른 곳에 있습니다.
이 부분이 정의된 부분은 /태터툴즈/script/EAF.js 입니다.

그럼 이제 두 파일이 돌아가는 방식에 대해서 알아볼께요~
위에 보여드린건 index.php파일이지만..
실제 태터툴즈는 /태터툴즈/script/EAF.js 파일에서 키값을 입력 받습니다.
그럼 이게 EAF와 INDEX가 서로 돌아가는 방식을 간단히 알려드리면..

1. 사용자가 태터툴즈를 사용하다가 [Q]버튼을 누릅니다.
2. /태터툴즈/script/EAF.js  에서 일단 [Q]키값을 인식합니다..
3. [Q]가 눌러진 것은 EAF.js 에서 [case 81]이라고 이름을 붙이는거죠.
4. 그걸 다시 index.php에서 해석하는데 위에 보신것처럼 '81번 경우'이니까 window.location = "<?=$blogURL?>/owner"; 의 결과를 처리하는 겁니다.
5. URL의 주소가 관리자 주소로 바뀌게 됩니다.

간단하죠?


결론적으로.. 한마디로 말하면.. 만약에 단축키를 [Q]에서 [L]로 바꾸고 싶다면.. /태터툴즈/script/EAF.js  를 수정하셔야 하구요.. 같은 단축키를 눌러서 다른 결과를 보고 싶다면 index.php을 수정하셔야 합니다.
(하지만 뒷부분에 반전이 있습니다~)


이제 배웠으니까 실습 들어갑니다 *^^*
실습은 크게 세가지 경우가 있겠는데요..
키를 바꾸는거. 같은 키를 눌렀을때 실행내용을 바꾸는거..
그리고 키를 추가하는 것입니다. 하지만 두번째는 세번째에 포함되니..
그냥 키를 바꾸는것과.. 키를 추가하는 것을 해보겠습니다.

1. 관리자 설정은 [Q]에서 [L]로 바꿔봅니다.
2. 키를 추가해서 [G]를 눌렀을때 "방명록"이 나오도록 키를 추가 해봅니다.


#실습1. 관리자 설정은 [Q]에서 [L]로 바꿔봅니다.
말씀드린대로.. 이걸 하려면.. 간단히 /태터툴즈/script/EAF.js 내용을 바꿔주시면 됩니다.

위 파일을 열어보시면.. 위의 캡쳐처럼 무작위로.. 값들이 나옵니다..
딴건 다 필요없고.. 검색을 해야합니다..
뭘로 하면 좋을까요?? [Q]같은 이니셜 보다는 [81]같은 특정 숫자가 좋겠죠?
(81은 말씀드린 case 81입니다)

찾기를 해서 81을 찾아보세요..

;this.P=80;this.Q=81;this.R=82;

이런 값을 찾을수 있습니다.
근데.. 좀 이상하죠.. 80 81 82.. 모두 지정이 되어 있습니다.
이게 반전입니다.

/태터툴즈/script/EAF.js 부분은..
단지 모든 키보드의 값에 대해서.. 특정한 번호로 대치를 시킨다는거죠..
즉.. ;this.A=65;this.B=66;this.C=67;............
이런식으로 모든 키값에 대해서 숫자로 값을 지정해 놓았습니다.
그럼 이걸 바꾸면 전체적으로 혼동이 오는거라는거 짐작가시죠?

결국 이 실습에서 수정해야 하는 것은..
index.php파일의 case 81을 "L"에 대응하는 값은 76으로 바꿔야 합니다.
*굳이 이렇게 둘러서 설명한건.. 어떻게 돌아가는지 알려드리기도 위함도 있었지만..
결론적으로 각 키에 대한 case값을 알려면.. EAF.js를 열어봐야 하기 때문입니다.

  case 76: //L
   window.location = "<?=$blogURL?>/owner";
   break;

이런 식으로 말이죠~ (주석값도 한꺼번에 바꿔주셔야 다음에 수정할때 편합니다)
수정된 부분은 case 81: //Q 부분이 case 76: //L로 바뀌었습니다.

그리고 수정된 파일을 저장을 하시고..
index.php파일을 다시 FTP를 이용해서 기존의 위치에 덮어주시면 됩니다.
(*주의: 위치가 /블로그주소/index.php 가 아니라 /블로그주소/blog/index.php입니다)



#실습 2. 키를 추가해서 [G]를 눌렀을때 "방명록"이 나오도록 키를 추가 해봅니다.

이것도 위에랑 크게 차이가 나지 않습니다.
적당한 부분을 찾아서 추가를 해야 한다는 차이죠..
빈자리를 찾아보죠.. 어디가 좋나면..

case 84 아래가 좋겠네요.

거기에 추가합니다.
(값을 일일이 적을 필요는 없고 위에 84경우를 복사해서 붙여넣고 수정만 하면 됩니다.)
G는 EAF.js에서 71에 대응됩니다.

  case 71: //G
   window.location = "<?=$blogURL?>/guestbook";
   break;

방명록을 선택해보시면 아시겠지만.. 주소는 /블로그주소/guestbook입니다.
테스트 해보시면 잘 작동하는 걸 알 수 있습니다.


여러 응용도 가능하겠죠?
만약 위의 84번인 T에 태그 페이지를 연결하고 싶으시면..

case 84: //T
   window.location = "<?=$blogURL?>/tag";
   break;

이렇게 적으시면 되죠..
(*뒤에 붙은 주소는 각각의 메뉴를 클릭하시면 주소창에 뜹니다.)


[H]를 눌러서 그냥 자신의 홈페이지를 보고 싶거나.
[C]를 눌러서 싸이월드의 홈페이지를 보고 싶은 경우도 바로 해결 됩니다.

각각 H는 72, C는 67입니다.

case 72: //H
   window.location = "http://bklove.info/";
   break;

case 67: //C
   window.location = "http://cyworld.net.com/temp/";
   break;

뭐 이런식이죠.. 이해가 가셨죠?
그럼 자신의 블로그를 보다가.. 바로 싸이월드도 볼수 있게 됩니다..
키 하나로 말이죠..


별다른 주의점은 없습니다. 그냥 index.php를 하나 따로 저장해두면..
나중에 잘못되면 그냥 다시 덮어쓰기를 하면 되니까요 ^^!!

다른 부분을 건드리지 않는다면.. 크게 잘못될 염려는 없습니다.
그리고 [키]가 중복되지 않아야 하는건 당연하겠죠?
(* 뭐.. 중복되봐야 처음꺼만 작동하겠죠~ ㅋㅋ)

참.. 빼먹지 마시고.. 수정이 끝나면 FTP로 index.php파일을 올려주시고..
새로고침[F5]나 다시 블로그를 선택해야 작동이 됩니다..


혹시 EAF.js파일 열기도 귀찮으신 분들은 각각의 키값에 대응하는 숫자는 다음과 같습니다.
this.A=65;this.B=66;this.C=67;this.D=68;this.E=69;this.F=70;
this.G=71;this.H=72;this.I=73;this.J=74;this.K=75;this.L=76;
this.M=77;this.N=78;this.O=79;this.P=80;this.Q=81;this.R=82;
this.S=83;this.T=84;this.U=85;this.V=86;this.W=87;this.X=88;
this.Y=89;this.Z=90;this.Down=40;this.Up=38;this.Left=37;this.Right=39


*** 그리고 한가지 잊지말아야 할 사항은..
index.php는 블로그의 메인화면을 보여주는 곳입니다.
이 파일에서 수정한 키는 이 파일에서만 작동합니다.

즉, 블로그 index.php를 수정해서 나온 새로운 키는 방명록에서는..
작동이 안되고.. 방명록에서 작동이 되게 하려면..
/블로그주소/blog/guestbook/index.php를 마찬가지로 수정하셔야 합니다.

관리자 메뉴 또한.. 마찬가지죠..
/블로그주소/blog/owner/entry/index.php

그냥 계속 복사하기 붙여넣기만 하면 되지만..
솔직히 파일명이 같아서 여간 귀찮은 일이 아니긴 합니다만..
(라인수도 조금 다릅니다. 대략 검색은 81같은 숫자를 이용하시면 됩니다)
한번만 수정하면 되는것이니.. 해볼만 하다는 생각이 듭니다만.. 선택은 각자가~

그리고 이렇게 다르게 되어있는것은.. 각 페이지마다 필요한 단축키가 다르기 때문입니다.
예를들어 일반 블로그화면에선 [Q]가 환경설정이지만..
환경설정 메뉴로 들어왔다면 [Q]는 일반블로그로 연결되어야하는 차이때문이죠


*****
참고로 제 블로그에서 [G]를 누르면 방명록이 나옵니다.
[E]를 누르면 창을 닫겠다고 하구요~ ㅋㅋ

    case 69: //E
     window.close();
     break;

위처럼 window.location이외에 다른 명령어를 쓰면 좀더 다양한 단축키를 만들수 있을테지만. 지금까지 제가 본 바로는 별 필요성은 모르겠네요 ^^!!


다른것보다 제 생각엔 다른곳보다 아랫껀 좀 유용할꺼 같습니다.

  case 87: //W
     window.location = "<?=$blogURL?>/owner/entry/post";
     break;

W를 누르면 글쓰기로 바로 넘어가는 겁니다.


출처 : http://bklove.info/blog/188