예전에 플톡을 티스토리에 달아보자라는 포스트를 작성한 적이 있습니다. 그 때는 야후 파이프의 JSON 서비스를 알지 못해서 John Resig의RSS to JSON Convertor를 이용한 방법을 설명했었습니다.
이 포스트에서는 일반적인 RSS 피드를 야후 파이프를 경유시켜 자바스크립트를 이용한 위젯을 만드는 방법을 설명 드리겠습니다.
먼저 야후 파이프에서 RSS 파이프를 생성하거나 기존에 생성되어 있는 파이프를 선택합니다. 여기에서는 제가 생성한 파이프 모듈을 이용하겠습니다. 이 모듈은 Pipes: PlayTalk Entry Feed 페이지에서 테스트해 볼 수 있습니다. 위쪽에는 최대 피드 크기를 넣고, 아래에는 자신의 플톡 아이디를 입력하면 됩니다. 파이프를 실행하면 제일 아래쪽 도구에 RSS와 JSON 출력이 있습니다. 이 JSON 출력을 자바스크립트로 받아 처리하면 됩니다.
자바스크립트의 처리는 Prototype 라이브러리를 이용합니다.
위 소스를 원하는 위치에 넣으시면 됩니다. 태그 부분의 마크업과 스타일 시트 부분은 스킨에 맞게 변경하시면 좋습니다. 단 DIV 태그의 pipes-widget 아이디와 UL은 구조는 지켜주셔야 합니다. 플톡 초기화시 코드를 끼워 넣은 이후 부분의 표시가 지연되는 문제가 생길 때에는 interval 값을 조정하시면 됩니다. 기본 1000으로 되어있어서 1초 후에 피드를 긁어오게 됩니다.
다른 글을 읽다가 확인해 보니 티스토리 초대장이 25개나 추가되어 있더군요.
선착순입니다. 필요하신 분은 메일 주소를 비밀 댓글로 달아 주세요. 메일 주소는 되도록 crowelee [at] gmail.com 형식으로 부탁 드립니다.
추가:
파스텔꿈님의 도움으로 me2day에 가입할 수 있었습니다. 미투 초대장 1개가 기본적으로 있어서 한 분 초대해 드립니다. 미투 초대를 원하시는 분은 이름과 이메일, 오픈아이디를 비밀 댓글로 달아 주세요. 가입할 때 이메일과 오픈아이디가 꼭 필요하니 정확히 적어 주세요.
미투데이 초대는 마감되었습니다.
미투데이 초대장이 무제한 리필되도록 변경되어 미투데이 초대장도 같이 나누어 드립니다.
미투데이 초대를 원하시는 분은 myid.net이나 myopenid.com에서 오픈아이디를 만드신 후, 이름과 이메일, 오픈아이디를 이메일(초대 방식이 이메일만으로 변경되었습니다 ^^;)을 비밀 댓글로 달아 주세요.
정리하면 티스토리 초대장 22장과 미투데이 무제한 초대장 나누어 드립니다.
웹 서핑을 하다보면 스크롤을 해야 할 경우가 많습니다. 예전에는 마우스로 오른쪽의 스크롤 막대를 잡고 움직이거나 '페이지 업(Page Up)' 혹은 '페이지 다운(Page Down)' 키를 사용해야 했습니다만, 요즘은 휠 마우스의 보급으로 인해 이러한 불편이 많이 줄었습니다.
저도 휠 마우스를 사용하고 있습니다만 쇼핑몰이나 이미지 갤러리 등이 아닌 일반 블로그의 글이나 기사를 읽을 때에는 휠을 자주 사용하지 않습니다. 휠을 사용하면 페이지 단위로 스크롤이 되지않아 불편하기 때문입니다. 그렇다고 'Page Up' 이나 'Page Down' 키를 사용하는 것도 좀 귀찮습니다. 마우스와 함께 모두 몸의 오른편에 위치해 있기 때문입니다.
때문에 예전부터 애용하던 '스페이스(Space)' 키를 사용합니다. 왼손으로 누르기에 자연스럽고 키보드의 자판 중 제일 크기 때문에 잘못 누를 염려도 없습니다. 이 키는 다음과 같이 동작합니다.
스페이스(Space) = 페이지 업(Page Down)
시프트(Shift)+스페이스(Space) = 페이지 다운(Page Up)
IE와 Firefox에서 모두 동작합니다. (Opera나 Safari, 다른 OS에서는 확인해 보지 못했습니다.) 메모장이나 다른 편집기에서는 동작하지 않으니 '혹시나..'하고 테스트해 보지는 마세요.
IDE 등을 사용해 개발하시는 분들이라면 다 아실만한 코드 인사이트라는 기능이 있습니다. 코드 템플릿으로 불리기도 하는 이 기능은 네이버 검색창의 검색어 추천 기능과 상당히 유사한 기능입니다. 이러한 코드 인사이트를 이용하면 첫머리 몇 글자만 입력한 후, 코드 인사이트에서 추천해 주는 템플릿을 선택하여 철자가 틀리는 일 없이 정확하고 빠른 코딩이 가능합니다. 검색어 추천 기능도 동일한 아이디어를 통해 나온 기능이라고 봅니다. 이를 통칭하여 자동완성으로 부르도록 하겠습니다.
이러한 자동완성 기능은 특정한 편집기 혹은 정해진 입력부에서만 사용되는 것이 일반적입니다. 이러한 것을 바탕화면을 포함한 모든 프로그램에 적용시킬 수 있었으면 하는 바램을 만족시켜주는 프로그램이 있어 소개드립니다.
바로 LetMeType입니다. ZDNet에서는 사용하기에 쉽고, 수고를 덜어주며, 깔끔한 인터페이스와 다양한 옵션을 가졌다고 말하고 있습니다. GPL 방식으로 소스코드와 함께 공개되어 있습니다.
위와 같이 메모장 같은 글자를 입력할 수 있는 모든 곳에서 자동완성 기능이 동작하게 됩니다. 지정된 글자수(기본 2자)를 타이핑하면 자동완성 툴팁이 뜨게 됩니다. 떠 있는 추천 단어를 1~4의 숫자키를 이용해 선택하면 됩니다.
이 프로그램이 가지는 장점은 사용자가 입력한 모든 단어가 자동으로 축적되는데 있습니다. 일일이 자동완성 단어를 등록해 놓을 필요가 없습니다. 일정 시간동안 쌓은 데이터를 이용하여 빈도에 따라 추천 단어를 보여줍니다. 이렇게 쌓인 데이터는 별도의 파일로 저장할 수 있고, 특정 텍스트 파일을 데이터로 가져올 수도 있습니다. 각각의 파일들을 통합하는 기능까지 무엇 하나 빠지지 않습니다.
설정할 수 있는 항목 또한 다양합니다. 자동완성 기능이 나타나거나 없어지는 타이밍과 최소 글자수, 대소문자 변환 및 빈도에 따른 설정 등이 가능합니다. 암호 등 다른 사람이 보지 않아야 할 중요한 단어는 제외할 단어 목록에 넣어 놓으면 됩니다. 또한 이 프로그램이 동작하는 다른 프로그램 목록을 등록할 수도 있습니다.
About 창에서는 자신이 타이핑한 글자와 추천 히트수 등의 간단한 통계 정보가 표시됩니다.
단 하나 아쉬운 점은 한글이 지원되지 않는 것 같습니다. 설정에 따라 사용할 수 있을 것 같은데 방법을 모르겠습니다. 혹시 아시는 분은 댓글에 남겨주세요. 설정을 통해 지원이 된다면 추후 업데이트 하도록 하겠습니다.
Recent Comments