Project idearecipe

me2idea 개발 뒷이야기 5편, 자동완성과 Adobe AIR 의 한글지원

(행복한아이) — Thu, 21 Jan 2010 10:24:56 +0900

부제: 왜 me2idea 의 글쓰기 박스는 한줄일까요?

안녕하세요.me2idea 에서 닉네임 자동완성/자동소환, 글쓰기 프리뷰, 환경설정, 기타 HTML/CSS 옷 입히기 작업을 담당한 행복한아이 입니다. 이 글에서는 me2Idea 의 자동완성 기능과 Adobe AIR 의 한글지원 현황에 대해 공유해보려고 합니다.

me2idea 개발의 모토는 "센스" 있는 어플리케이션이었습니다. me2day open API 에서 제공하는 최대한의 기본기능을 구현하려고 했고, "센스" 있는 몇가지 부가 기능들을 제공하고 싶었습니다. 그 중 한 가지가 글을 작성할 때 me2day 규칙대로 닉네임/아이디를 입력하면 자동완성된 미친 목록을 보여주는 닉네임/아이디의 자동완성 기능입니다.

그런데... me2idea 개발을 시작할 때까지만해도.. 이 기능에 이렇게 시간과 노력이 들어갈 줄 정말 몰랐습니다 ㅡㅡ;; 결론적으로 말씀드리면, me2idea 의 개발 플랫폼인 ADOBE AIR 1.5 버전의 한글 버그 때문이었습니다. ways 님의 "me2idea 개발 뒷이야기 1편, 자바스크립트" 글에서 언급되었던 소소한 문제점 중 하나죠.

닉네임 자동 완성

닉네임/아이디의 자동완성 기능을 제공하려면 textbox 에 입력된 text 의 값을 알아와야 하는데, 한글 입력 시 마지막으로 입력 중인 블럭화 되어있는 글자는 자바스크립트에서 도무지 값이 얻어지지가 않는 것이었습니다. 예를 들어 제 닉네임인 \행복한아이\ 를 입력하려고 하는 경우에 "ㅎ" 만 입력해도 ㅎ으로 시작하는 미투친구의 리스트가 나와야 하는데, 현재 입력 중인 텍스트 블록을 벗어나야만 그 글자가 자바스크립트에서 textbox 의 value 로 인식되었던 것입니다. me2day 의 사용자들은 아이디 소환 보다는 닉네임 소환에 익숙하고, 닉네임은 반 이상이 한글인데, 영어 자동완성 밖에 지원을 하지 않는다면 반쪽도 안 되는 기능인 거죠.

초보 자바스크립트 개발자인지라 함수나 변수 사용이 잘못된 줄 알고 어디가 잘못되었을까 뒤지고 또 뒤지고 이렇게도 해보고 저렇게도 해보고 ㅋㅋ 좌충우돌이었죠. 알고보니, AIR 1.x 에서 2byte 캐릭터 지원에 문제가 있었습니다. Oh Nooooooooooo ~~

개발 당시에 제가 참고했던 글은 이 글이었는데, 지금은 해당 사이트에 연결이 되지 않네요. 다행히 구글링으로 저장된 페이지를 찾아내었습니다 >_<

이 글에 따르면 2008년 AIR 1.1 당시 FLEX 와 AIR 에 밝혀진 한글 입력 문제는 다음의 4가지였습니다.

한글 입력 시 영어 또는 숫자보다 입력 시간이 지연되는 문제

텍스트 블록을 벗어나기 전까지 해당 텍스트가 인직되지 않는 문제

wmode 가 transparent 일 때 IE 를 제외한 브라우저에서 한글이 입력되지 않는 문제

한글 삭제 시 자소 삭제가 제대로 안되는 문제

문제가 많았던 입력창

제가 부딪혔던 문제는 이 중 2번, "텍스트 블록을 벗어나기 전까지 해당 텍스트가 인식되지 않는 문제" 였습니다. 각종 try and error 를 거친 끝에.. <textarea> element 에서만 문제가 발생하고 <input type=text> 에서는 발생하지 않는다는 사실을 알았습니다.. 그래서 현재의 me2idea 글쓰기 입력 박스가 한 줄로 구현이 되게 된 거죠. 여러 줄짜리 텍스트 입력박스를 만들려면 <textarea> 를 써야만 하니까요.

그러나 문제는 여기서 끝이 아니었습니다 OTL ;;

<선택한 텍스트에 링크 걸기> 기능 구현을 위해서는 <input type=text> 에서 글자의 selection 이 제대로 동작을 하지 않아서 textarea 를 써야만 했던 거죠. 둘 중에 하나의 기능은 포기해야만 하는 상황이 왔습니다. 그래서.. 저희는 둘다 포기하지 않기 위해 하나의 트릭을 사용하기로 했습니다. 글쓰기 창은 <textarea> 와 <input type=text> 두개로 이루어져 있습니다. 기본적으로는 <input type=text> 를 사용하고, / 또는 \ 를 입력해서 자동완성을 하는 중에는 <input type=text> 는 disable 하고 같은 위치에 있는 <textarea> 를 enable 합니다.

안 되는 걸 되게 하느라 잔꾀를 좀 내어봤는데, 기능 구현이 거의 끝난 시점인 지난 2009년 11월에 Adobe AIR 2.0 Beta ( http://labs.adobe.com/technologies/air2/ ) 버전이 발표되었습니다. 여기에선 저희가 고생해서 우회했던 한글 입력 버그가 수정이 되었더라구요. 아이고야 >_<;; 하지만 정식 버전은 조금 기다려야 나온다니 조금 위로가 된달까요 ㅠㅠ

열심히 써봤는데 얘기가 두서가 없이 길어졌네요 ^^;
이 글이 me2idea 에 대한 이해를 도울 수 있기를 바라며,
me2idea 많이 사랑해주세요~♡

me2idea 개발 뒷이야기 4편, JSON과 알리미

(황장미) — Wed, 13 Jan 2010 15:06:03 +0900

안녕하세요. 저는 idearecipe에서 애교를 맡고 있는 황장미라고 합니다, 데헷. 앞서 pickup님께서 me2API에 대한 글을 남겨주셨는데요. 이어서 제가 JSON과 알리미에 대해 적어보고자 합니다. me2idea는 유지 및 관리가 필요한 대부분의 데이터를 JSON으로 가지고 있습니다. 이유는 구현 시 데이터구조로 사용하기에 JSON이 가장 용이했고, 마침 me2API에서 JSON 형식의 응답을 지원하고 있었기 때문인데요. 실제로 자바스크립트와 JSON의 조합을 사용해보니 직관적이고 편한 개발이 가능했습니다. 또한 텍스트로 되어있어 그 내용을 메모장만으로도 확인할 수 있다는 장점도 있었죠. 그러나 응답내용만을 브라우저에서 육안으로 바로 확인하고 싶을 때에는 아무래도 XML이 편하겠죠?

me2API는 JSON과 XML의 두 가지 형식으로 응답을 받을 수 있죠. 다양한 형식의 응답을 지원한다고 하면, 사용자 입장에서는 그 형식이 달라도 안의 구성은 동일하다고 생각하기 마련입니다. 하지만 실수가 있었는지, 그런 기대를 저버렸던 부분이 있었는데요. 계정의 휴면여부가 그랬습니다. me2API 중 get_friends로 친구들 계정에 대한 데이터를 받아올 때, XML 형식으로 받아올 경우에는 paused라는 필드가 있었지만, JSON의 경우에는 없더군요. 당시에는 그래도 설마 me2API의 문제일지는 예상하지 못하고, 다른 데서 원인을 찾느라 당황했던 기억이 나네요. 이처럼 me2API의 응답내용이 매뉴얼과 다를 수도 있다는 것을 염두에 두시고 API를 사용하기 전에는 미리 확인을 해두는 것이 좋겠습니다.

휴면 상태일 때 미투데이 화면

사실 휴면계정에 대하여 좀 더 이야기를 하자면, me2API의 휴면계정 처리는 API의 사용자 입장에서 볼 때 그다지 일관성이 없는 편이었습니다. 예를 들어 휴면계정 A의 포스팅을 가져올 경우, me2API 중 get_posts를 사용하여 A의 ID를 파라메터로 요청하면 바로 에러가 나지만, A의 친구 B의 ID를 파라메터로 하면서 scope를 friend로 하면 A의 포스팅을 받아올 수가 있었습니다. 다시 얘기하자면, 휴면계정 본인은 자신의 포스팅을 열람할 수 없어도, 그 계정의 친구들은 가능하다는 얘기가 되죠. 미투데이에서 생각하는 휴면계정의 의미에 대해 제가 이해가 부족해서 일 수도 있겠지만, 서비스의 사용자로서도 휴면계정은 그 기능의 역할과 필요성이 명확하지 않다고 느껴지네요.

아무튼 다시 본론으로 돌아와서 알리미의 경우, me2API와는 다르게 XML 형식으로 밖에 데이터를 전송하지 않기 때문에, 알리미 서버로부터 전송받은 XML을 JSON으로 바꿔줄 필요가 있었습니다. 이에 관해서는 XML TO JSON이라는 키워드로 이미 많은 라이브러리들이 공개되어 있구요. me2idea에서는 이 라이브러리를 사용하였습니다. 토마스 프랑크씨 아저씨에게 감사를 드립니다. 이 때 XML을 JSON으로 바꾼 다음에는, 다시 가공하기 전에 꼭 한번 그 depth를 확인해보는 것이 좋습니다. 알리미의 전송 내용에 따라 JSON으로 변환 후에 최상위 중괄호가 빠져있어서 잘 처리되지 않는 경우가 있더군요.

또 한 가지 짚고 넘어가자면, 알리미의 알림 내용이 해당하는 me2API의 응답내용과 완전히 일치하는 것은 아닙니다. 그 서브셋이라고 할 수 있죠. 일단은 가장 필요한 데이터만을 전송하는 것으로 보여지구요. 예를 들어 내 친구의 새 글과 같은 경우, 알리미 서버로부터 받은 새 글에 관한 데이터는 해당하는 새 글의 데이터를 me2API의 get_posts로 받아오는 것에 비해 어느 정도 요약되어 있는거죠. 따라서 알림을 받았지만 해당 알림에 대한 전체 데이터가 필요하다면, me2API를 통해 다시 요청해야하는 번거로움이 있습니다.

당시에는 알리미 서버가 자주 죽더군요. 알림기능을 구현해서 테스트할 때에 알리미 서버가 죽은지 모르고 이쪽에서 원인을 찾느라 많은 시간을 낭비했던 기억이 납니다. 지나고나서야 미투알리미도 역시 동작하지 않았더라는 이야기를 들었죠. 그런 일이 반복되면서 알림기능 구현 시에는 항상 알리미 서버가 잘 동작하는지부터 먼저 확인해야 했습니다. 하지만 그것은 미투알리미를 사용하거나 또는 me2idea의 알림기능 중에 실제 동작여부가 확인된 부분을 통해서, 알리미 서버가 동작하는지를 확인해야 하는 번거로운 작업이었습니다. 동료분들에게 "지금 새로운 글 좀 올려봐주세요, 지금 새로운 댓글 좀 올려봐주세요" 하면서 말이죠. 그래서 저나 동료분들의 미투를 보면 알리미 테스트를 위해 올렸다가 1분 안에 지우지 못한 글들이 남아있습니다. 영광의 상처처럼 말이에요. (웃음) 아직 알리미 서버의 상태에 대해 이쪽에서 직접 확인할 수 있는 방법은 없는 것으로 알고 있는데요. 혹시 알고 계신 분이 있으시다면 연락 부탁드려요.

me2idea 많이 사랑해주시구요. 지금까지 황장미였습니다, 알랍촙촙♥

me2idea 1.0 릴리즈

(익살) — Mon, 11 Jan 2010 23:57:06 +0900

안녕하세요. 익살입니다.

새해 첫 릴리즈로 1.0 을 찍었습니다. 변경 사항은 다음과 같습니다.

댓글을 3초 이내에 다시 다는 경우 강제로 로그아웃되는 문제 해결
글쓰기 프리뷰에서 미투데이와 같게 ... 을 … 로 보여주도록 변경
글쓰기 프리뷰에서 글을 길게 쓰는 경우 프리뷰가 넘치는 문제 해결
글쓰기 프리뷰에서 http 링크 주소 안에 미투친구의 아이디가 있는 경우 프리뷰가 제대로 나오지 않는 문제를 해결
리프레쉬를 버튼을 사용하는 경우, 알리미 서버와 연결을 다시 끊고 맺어주는 기능 추가

특이사항은 리프레쉬 버튼을 이용할 때 화면만 새로 가져오는 것이 아니라 알리미 서버와의 연결을 다시 맺어주는 것입니다. 미투의 알리미 서버는 끊어졌다고 해서 끊어졌다는 메시지를 저희에게 보내주지 않습니다. 그렇기 때문에 끊어졌는지 알수가 없습니다. 알리미가 오지 않는다 싶으면 예전에는 로그아웃하고 다시 로그인을 했어야 했는데 이제는 리프레쉬 버튼만으로도 알리미 서버와 연결을 다시 맺습니다.

me2idea_ver_1.0.zip

me2idea 1.0 src

1.0 을 기념으로 me2idea 의 소스를 공개합니다. me2idea 는 GPL V3 라이센스에 따릅니다.
보기 쉽게 잘 정리한 코드는 아니지만, 저희 나름대로 6명이 협업을 하기 위해 정리되어있습니다. 관심있으신 분들은 me2idea.html, main.js, contentFrame.js 를 주로 보시면 도움이 될 것 같습니다. 소스가 공개되었다고 해서 버그는 직접 수정하시길~ 이런 건 아닙니다. 저희도 me2day 의 open API 를 통해서 재미난걸 해보았으니, 혹시 다른 분들이 관심이 있으시다면 참고하시길 바라며 공개하는 것입니다. 혹시나 재미있는 수정을 해서 직접 me2idea 에 반영하고 싶으신 분들은 블로그에 댓글 or 미투를 통해서 연락주시면 적극 반영하도록 하겠습니다.

AJIT ver 0.9 // BSD Licences 이 제품은 lovedev(asjs.net)과 공헌자들이 개발한 소프트웨어를 포함하고 있습니다.

A JavaScript implementation of the Secure Hash Algorithm, SHA-1, as defined in FIPS PUB 180-1 ver 2.1a // BSD Licences

SWFObject v2.1 // MIT License

jQuery JavaScript Library v.1.3.2 // Dual licensed under the MIT and GPL licenses

jQuery.simpletip 1.3.1, A Simple tooltip plugin // GPL v3

jQuery XMl to Json Plugin v1.0 // Dual licensed under the MIT and GPL licenses

me2idea 는 위에 있는 있는 공개된 라이브러리를 사용하고 있습니다. 참고한 라이브러리를 만들어주신 분들께 감사드립니다.

* 관련 링크
me2idea 의 도움말

me2idea 개발 뒷이야기 3편, Me2day API와 Open API

(pickup) — Mon, 04 Jan 2010 12:56:46 +0900

안녕하세요. ways님과 달고냥님에 이어 글을 쓰게 된 pickup입니다. 제가 다루어 볼 내용은 제목에서도 알 수 있듯이 미투데이 API와 오픈 API에 대한 내용입니다.

스프링노트의 me2API 설명서

스프링노트에 me2API에 대해 사용방법이 적혀 있어서 API를 사용할 때마다 계속 참고하게 되는데, 이 설명만으로는 정확이 어떤 값들을 파라미터로 넘겨줘야 하고, 어떤 값들이 리턴되는지 잘 이해되지 않을수도 있기에 직접 API 호출해보는 것이 이해하는데 있어 최고입니다~ (저는 그랬어요 ㅠㅠ) API 호출에 대한 리턴값은 xml과 json으로 받을 수 있는데, me2idea에서는 요즘 대세인 json으로 받았습니다.

대부분의 오픈 API는 호출 방식이 비슷합니다. API 호출시 필요한 파라미터들을 넘겨 주고, callback function이 필요하면 파라미터와 같이 넘겨주게 됩니다. 아마 오픈 API에 있어 가장 큰 차이점은 인증 방법이 아닐까 생각됩니다. 예를 들어 미투데이의 "글 쓰기"나 "미투하기"는 사용자 인증이 필요한 API로 파라미터에 인증키를 같이 보내게 되는데, 이 인증키를 어떻게 발급받느냐는 서비스마다 다른 방식을 가지고 있습니다. 미투데이 같은 경우는 달고냥님께서 작성해 주신 글을 보면 알 수 있듯이 약간은 복잡한 인증방식을 가지고 있고, 이 절차를 거치게 되면 인증키를 발급받아, 인증이 필요한 API 호출 때마다 사용하게 됩니다. 제가 다양한 오픈 API를 사용해보지는 않았지만 플리커나 구글은 보다 간단한 인증방식을 제공하고 있는 듯 합니다.

음.. me2API를 사용하여 어플리케이션 개발시 유의할 점을 하나 말씀드리면, 아직 미투데이 API 서버가 좀 불안감이 있어 API 호출시 에러가 발생하는 경우도 종종 있습니다. 따라서 API 사용시 예외 처리나 에러 처리를 꼼꼼하게 하는 것이 필요합니다. (보다 안정적인 어플리케이션을 만들고자 한다면요!)

앞으로 미투데이 API에 바라는 점은 태그에 관한 정보를 가져올 수 있는 API가 있었으면 하는 것입니다. 예를 들어 me2book이나 me2movie와 같은 tag로 gathering하게 되면 미투데이 유저들이 어떤 책을 읽었는지, 어떤 영화를 봤는지에 대한 정보들을 가져올 수 있게 되고 이를 알라딘에서 제공하는 책에 관련된 API (구입이나 서평 등)나 영화 예매 API 등과 매쉬업하게 되면 보다 가치있는 서비스나 어플리케이션을 만들어 제공할 수 있게 되겠죠~

아직까지 미투데이 기본 기능을 처리하는 API에 대해서도 관리하기 힘든 상황인 것 같아, 언제 태그에 관련된 API를 제공할 지는 모르겠네요~

구글 그룹스의 MDN

아! 마지막으로 한 말씀 더 드리면, 미투데이 API가 계속 업데이트 되고 어떤 것들은 deprecated 되는 경우도 있어, 어플리케이션을 유지보수하기 위해서는 주기적으로 me2API 페이지를 방문하는 것이 필요합니다. 아쉽게도 me2API 페이지와 개발자 그룹 페이지가 분리되어있고, 한번에 볼 수 있는 방법이 제공되어있지 조금 힘들었어요. 담당하시는 분들이 바쁘신 건 알지만 개발자 그룹 페이지에 리플도 잘 달리지 않구요. me2idea와 비슷한 활동들이 더 활성화되려면 API 소개 페이지, Q&A 페이지 이런 것들을 더 잘 지원되어야 할 것 같아요~

이상으로 pickup 이었습니다.

me2idea 개발 뒷이야기 2편, 미투의 데스크탑 인증

(달고냥) — Tue, 29 Dec 2009 11:06:18 +0900

안녕하세요, me2idea 개발에 참여한 달고냥입니다. 이번 편은 me2idea를 만들면서 머리를 자주 쥐어뜯게 해준 미투의 데스크탑 인증 이야기를 하려고 합니다.

처음 me2idea를 만들기 전 다른 미투 데스크탑 애플리케이션을 써볼 때 이상한 점이 있었습니다. 매번 웹브라우저가 뜨면 거기서 로그인한 다음, 애플리케이션 창에서 '인증을 수락하셨습니까? ' 에 '예' 를 클릭해야 그 다음을 쓸 수가 있었지요. 창마다 따라다니면서 클릭 클릭 클릭을 하는 게 참 귀찮았습니다. 정말 안 하고 싶었습니다...만.

me2desktop 의 인증화면

me2idea 도 이 인증창의 저주에서 완전히 벗어날 수는 없었습니다. me2day가 제공하는 인증방식이 원래 이렇게 생겼기 때문이죠. T_T

미투 데스크탑 애플리케이션의 인증 흐름은 다음과 같습니다.

image from http://codian.springnote.com/pages/1645288

핵심은 애플리케이션이 직접 사용자 아이디와 비밀번호에 접근할 수 없다는 겁니다. 그래서 사용자는 못생긴 브라우저와 확인 창에 계속 클릭 클릭할 수밖에 없습니다. 불편하지요. 인증 방식은 어쩔 수 없지만 클릭 수라도 줄이고 싶어서 나온 것이 me2idea 의 인증창입니다.

me2idea 의 인증창

air의 webkit 브라우저로 미투데이 로그인 창을 띄우면, 시스템 브라우저로 띄울 때와는 달리 창 위치와 크기를 제어할 수 있습니다. 애플리케이션 윈도우 근처에 인증창이 나타나게 해서 브라우저 창을 찾아 헤맬 필요가 없어졌죠. 여기까지는 그럭저럭 순조로웠습니다.

브라우저 창을 닫은 다음 다시 '인증을 수락하셨습니까?' 를 찾아 헤매지 않기 위해, 브라우저 창을 닫는 행동과 인증 수락 확인을 동시에 하게 하면 좋을 것 같았습니다. 그래서 브라우저 창을 위 아래로 나누어 위에는 인증 수락 + me2idea로 돌아가기 제어 버튼을, 아래는 미투 로그인을 보여주고 싶었습니다.

방법을 찾다 보니 air의 stage라는 개념이 적절해 보였습니다. 창에 stage를 더하면 stage마다 다른 url을 로드해 보여줄 수 있거든요. 그럼 위 아래로 하나씩 넣으면 될 거라고 생각했습니다. 혹시 비슷한 생각을 하시는 분이 계시다면, 안 된다고 먼저 말씀드릴게요. stage는 top-left 나 bottom-right를 지정하는 경우, 모든 stage가 같은 지점에서 시작하기 때문에 위-아래 처럼 분리할 수가 없습니다.

그래서 머리를 뜯다 뜯다 나온 것이 지금의 me2idea의 인증창 형태입니다. 첫 stage에 미투의 로그인 url을 넣고, 그 다음 stage에 제어 영역을 둡니다. 두 개의 stage는 top-left 기준이 같고, 제어 영역의 stage는 투명한 배경을 넣어 첫 stage의 미투 화면이 보이도록 했습니다.

이상 me2idea를 개발하면서 미투의 안 쉬운 '데스크탑 기반 쉬운 인증 방식' 때문에 삽질했던 기억을 살려 적어봤습니다. air도 javascript도 익숙하지 않아서 삽질이 두배로 많았던 것 같네요. 다음에 이런 일을 할 때는 삽질이 좀 줄어들길 바라봅니다. T_T

me2idea 도움말, FAQ

(익살) — Wed, 23 Dec 2009 15:53:38 +0900

안녕하세요. me2idea 만드는 익살입니다.

아무래도 기능이 이것저것 많다보니 도움말과 FAQ 가 필요할 것 같아서 한번 정리해보려고 합니다. 추가적으로 궁금하신 사항이 있으시거나 찾으신 버그가 있으시면 이 글에 리플로 달아주세요. FAQ 에 추가해서 정리해보겠습니다.

- me2idea 의 설치

me2idea 는 adobe AIR 기반 어플리케이션입니다. me2idea 는 adobe 에서 제공하시는 AIR 프레임웍을 설치하신 후에 설치하실 수 있습니다. 데스크탑에 AIR 를 기존에 설치하지 않으셨어도 me2idea 를 설치하시려고 설치 링크를 누르시면 자동으로 AIR 가 먼저 설치됩니다.

- me2idea 로그인
me2idea 의 첫화면에서 로그인 버튼을 누르시면, 작은 팝업창을 통해 미투데이에 연결하여 인증을 받습니다. 미투데이에서 로그인을 수락하신 후에는 위에 있는 me2idea 로 돌아갑니다 버튼을 누르시면 로그인이 완료됩니다.

- me2idea 프로그램 구조

me2idea 는 로그인 하신 후에는 아래와 같은 그림의 화면을 통해 사용하실 수 있습니다. 모아보는/나는/친구들은/알고싶은 탭이 위에 있어서 해당 내용을 보실 수 있습니다. 그 아래 부분에는 글쓰기 영역이 있습니다. 글쓰기 영역에서는 미투데이와 거의 비슷한 화면으로 글을 입력하실 수 있습니다. 글과 태그를 입력하신 후, 쓰기 버튼을 누르시면 미투데이에 글이 올라갑니다. 가장 아랫부분의 오른쪽에 보시면, 톱니바퀴 모양 버튼이 있습니다. 그 버튼을 누르시면, me2idea 에서 제공하는 설정을 수정하실 수 있습니다.

- me2idea 자동 지원

자동 소환 - \ 와 / 가 헷갈리시는 분들을 위해서 만들었습니다.
그냥 흔히 알고 계시는 미투 친구의 닉네임을 쓰시고 난 다음에 스페이스만 쳐주세요. 그럼 자동으로 \닉네임\ 으로 입력됩니다 (미투 친구인 경우에만 해당합니다).

자동 완성
미투 친구의 닉네임이나 아이디를 입력하실 때, 좀 더 빠르게 입력하실 수 있도록 지원합니다. 방향키를 통해 이동하고 엔터를 통해서 선택하실 수 있습니다.

그 외에 다른 기능들을 간단하게 아래 숫자와 함께 소개해드리겠습니다.
1. 첨부 버튼 - 미투데이에 업로드 가능한 사진, 음악, 동영상 파일이 첨부 가능합니다. 첨부파일을 선택 한 다음에는 버튼이 첨부 되었음을 알리는 버튼으로 바뀌며, 해당 첨부를 취소하고 싶으신 경우에는 번호 4번의 간단히 버튼을 누르시면 첨부도 취소됩니다.

2. 링크 버튼 - 미투데이에서 제공하는 글 링크 버튼과 비슷한 기능을 제공합니다. 링크를 거실 대상 글을 선택하신 후, 링크 버튼을 누르시면 url 을 입력할 수 있는 팝업이 등장합니다. 해당 팝업에 url 을 입력해주신 후 "걸기" 버튼을 눌러주시면 링크를 거실수 있습니다.

3. 쓰기 버튼 - 글과 태그를 모두 입력하신 후에, 사용자의 미투에 글 올리기를 하는 버튼입니다.

4. 간단히/글쓰기 - 글쓰기 영역을 감춰놓을 수 있는 기능입니다. 글쓰기를 감추는 동시에, 글이나 사진을 입력하고 계셨을 경우에는 해당 입력된 내용을 clear 하는 기능을 가지고 있습니다.

5. 환경 설정 - me2idea 의 환경설정에서 아래의 내용을 변경할 수 있습니다.
배경 이미지 변경
배경 이미지 투명도 변경
글씨색 스타일 설정 (어두운 글씨색, 밝은 글씨색)
알리미 팝업 알림 설정
미투 친구를 닉네임으로 자동 소환 (닉네임을 입력하고, 스페이스를 누르면 소환 형태로 입력)
자동으로 새로 고침

6. '친구들은'탭 - 미투 친구 각각의 가장 최신 새글 하나를 보여줍니다. 새글 순으로 보실 수 있습니다.

7. '알고싶은'탭 - 특정 사용자의 닉네임을 클릭하면, '알고 싶은'탭으로 이동하고 그 사용자의 미투 내용이 나옵니다. 특정 사용자의 닉네임을 클릭하지 않았을 때에는 미투데이에 가입한 유명하신 분들의 미투데이가 30개 랜덤으로 소개됩니다. 심심하실 땐, 어떤 유명인들이 가입해있나 눌러보세요~

8. 새로 고침 버튼 - 수동으로 페이지를 새로 고침할 수 있습니다.

me2idea 의 FAQ
Q. 이 PC(MAC)에서 자동 로그인 기능이 작동하지 않습니다.
A. 저희가 만든 me2idea 라는 프로그램은 me2day 에서 제공하는 데스크톱 기반 쉬운 인증 방식을 통해 로그인을 지원하고 있습니다. me2idea 에 직접 아이디/패스워드를 입력하는 것이 아니라, 미투데이에 접속하여 인증을 받게 됩니다. 미투데이에 접속하여 인증하면, 해당 컴퓨터에는 토큰이라는 인증정보가 생성됩니다. 자동 로그인 기능을 사용하시게 되는 경우에는 이 토큰을 저장하여 자동으로 로그인하실 수 있도록 지원합니다. 그러나 이 토큰은 만약 이 전에 사용하시던 컴퓨터가 아니라 다른 컴퓨터에서 로그인하셔서 사용하시면 새로운 토큰을 해당 컴퓨터에 받게 되고, 이전에 사용하던 토큰은 사용하실 수 없게 됩니다. 그래서 안타깝게도 me2idea 를 집이나 회사에서 동시에 사용하시는 분은 자동 로그인 기능을 사용하시기 불편하실 수 있습니다.

Q. '모아보는' 설정이 me2day 웹페이지와 다릅니다. 같게 할 수 없나요?
me2idea 에서는 me2day 웹페이지에서 설정한 '모아보는'의 설정값을 가져올 수 없습니다. 그렇기 때문에 API 를 통해 저희가 가져올 수 있는 정보를 가져와서 뿌려드리고 있습니다. 또한, 구독미투도 나타나지 않습니다.

Q. '친구들은' 기능이 me2day 웹페이지와 다른 것 같은데 어떻게 다른건가요?
me2idea 의 '친구들은' 탭에는 미투친구들 각각의 글 중 가장 최신글을 보여줍니다. 그래서 '친구들은' 탭에는 자신의 미투 친구 수만큼의 글이 있습니다. 각각 사람들의 가장 최신 글들을 보여주기 때문에 쓰윽 훝어보면서 친구들의 최신 소식을 빠르게 볼 수 있는 장점이 있습니다. 현재 me2day 의 '친구들은' 웹페이지에서는 어떤 한 친구가 너무 많은 글을 쓰거나, 혹은 어떤 친구가 너무 오랫동안 글을 쓰지 않았을 때 해당 친구 글을 보기 힘들다는 문제점이 있고, 장점도 충분히 있지만 그 기능은 '모아보는'페이지에서 해주고 있다고 생각합니다.

Q. 현재 me2idea 에서 지원되지 않는 미투데이의 기능은 어떤 것이 있나요?
최근 새롭게 오픈된 미투밴드와 오픈한지는 좀 지난 구독 미투, 내 미투에 쓰기, 쪽지 같은 기능들은 현재 me2day 에서 아직 API 를 제공해주시지 않고 있습니다. 추후 API 가 제공되면, 기능 추가를 고려하겠습니다.

Q. 알리미 팝업이 종종 뜨지 않습니다. 왜 그런가요?
me2day 의 알리미 서버에서 종종 알림을 주지 않는 경우가 있습니다. ㅠ_ㅠa 저희 쪽에서도 상황을 알 수는 없지만, 알리미를 보내주는 서버가 불안정한 것으로 보입니다. 저희 쪽에 문의하셔도 저희가 드릴 수 있는 대답이 없네요 ..ㅠㅠ 또한 S 모사처럼 회사 네트웍에서 알리미 서버와 me2idea 가 통신하는 포트를 막아놓은 경우가 있습니다. 이 경우에는 영영~ 알리미가 오지 않으니 이럴 때는 자동 새로고침을 사용해주세요.

me2idea 개발 뒷이야기 1편, 자바스크립트

(ways) — Tue, 22 Dec 2009 15:09:50 +0900

안녕하세요, me2idea 개발에 참여한 ways 입니다. 오늘은 me2idea 개발을 하면서 하고 싶었던 이야기들을 적어보려합니다. 오늘이 1편이고 나머지 분들도 각자 생각하신 주제를 가지고 종종 이 블로그에서 찾아뵐 예정입니다.

애플리케이션을 통해 me2day를 써보신 분은 아시겠지만, me2day에는 유난히 adobe AIR로 만든 프로그램이 많습니다. 트위터도 그런 걸로 보아 마이크로 블로그의 한 가지 유행인 듯도 하네요. 저희가 개발 플랫폼을 정할 때도 당연한 듯 AIR를 선택했습니다.

AIR 프로그램을 HTML+javascript 로 구현

AIR 프로그램은 다양한 방법으로 개발할 수 있습니다. 크게 나누자면 adobe사의 FLEX builder 등 상용프로그램을 이용하는 방법과, 웹 개발을 하듯이 HTML+javascript 로 하는 방법의 두 가지가 있습니다. 쉽게 말해서 RIA(Rich Internet Application)를 구현하는 데 있어 Flash를 이용하는 방법과 AJAX로 대표되는 javascript를 이용하는 방법이 있는 것과 비슷하다고 생각하시면 됩니다. 저희는 돈없는 직장인이기 때문에(?) 무료 개발툴을 이용할 수 있는 후자를 선택했지요.

javascript를 이용한 AIR 개발은 일반적인 javascript 웹개발과 똑같습니다. 다만, 일반적인 javascript에서 불가능한 윈도우 모양 조정이나 네트워크, 파일 함수를 사용할 수 있도록 adobe 사에서 추가적인 API를 제공합니다. 다만, FLEX를 이용하는 것보다는 아직 API가 완벽하지않고, 소소한 문제점...(네, 지나고보면 소소하다고 일컫을 수 있게되죠..)들이 있습니다.

개발에는 eclipse에 기반한 웹개발 툴인 aptana studio를 사용했는데, 현재로서는 AIR 개발에 가장 좋은 IDE가 아닌가 싶습니다. 저는 eclipse 조차 제대로 써본 적이 없어서 많은 시간을 헤매긴 했지만요. 이외에 HTML 가공을 위해 쓴 jQuery는 역시 명불허전이더군요.

이번 프로젝트 최고의 문제는 바로, 프로젝트 멤버들 중 javascript를 제대로 써본 사람이 아무도 없었다는 점이었는데요. (그래서 저희 소스를 공개하기가 참으로 부끄럽긴 합니다..) 적응하기 힘들었던 asynchronous 패러다임과 저를 삽질시켰던 scope 룰 등이 기억에 남네요.

가장 큰 고민은 이렇다 할 javascript 프로그램 한 번 본적 없는 주제에, 5000줄짜리 프로그램을 어떤 구조로 짜야할 지 계획하는 일이었습니다. javascript를 처음 보는 사람도 쉽게 이해할 수 있도록 짜고 싶었습니다. 하지만, javascript에서 살며시 풍기는 함수형 프로그래밍 언어 풍미에, 저도 모르게 괴악한 코드를 뿜어내고 싶기도 했지요. 물론 프로젝트 막판으로 갈수록 원래의 의지는 어디론가 실종되고 늘어져가는 함수와 구조화되지 않은 코드들을 양산했지만요.

...당연한건가요? 아..

개발하면서 있었던 다양한 애환은 또 다른 기회에 풀어낼 수 있을 것 같고요.. 지금 시점에 와서 드는 생각은, javascript 자체는 참 재미있는 도구라는 겁니다. 지금껏 많은 프로그래밍 언어들이 “어느 플랫폼에서나 돌아가는 프로그램을 위한 언어”라고 주장해왔지만, javascript야 말로 이 말에 제일 어울리는 언어 아닐까요? 네, 사실 저희는 AIR에 내장된 깔쌈한 javascript 엔진에만 맞추면 되었기 때문에 브라우저별 차이나 구버전 브라우저들의 버그, 빵꾸똥꾸 같은 메모리 먹는 귀신 등을 거의 신경쓰지 않아도 되었죠.(네.. me2idea가 그래서 느린 거 맞습니다ㅠㅠ)

아무튼 me2idea 많이 사랑해주시고, me2idea는 막바지 버그사냥이 좀 끝나면 GPL로 소스가 공개될 예정입니다... 모자란 부분이 많지만 예쁘게 봐주세요. ^^

me2idea 0.997 릴리즈

(익살) — Mon, 21 Dec 2009 23:44:18 +0900

안녕하세요. 월요일마다 릴리즈하고 있는 me2idea 입니다.

- 0.997 변경 사항

프로그램 시작하자마자, 미리보기가 동작하지 않는 버그가 수정되었습니다.
환경설정에서 자동 새로 고침을 풀었는데, 자동 새로 고침이 풀리지 않는 버그가 수정되었습니다.

그럼, 다음주에 0.998 로 찾아뵙겠습니다. 이런 속도라면 새해에 1.0 을 찍을 수 있겠네요. 그럼 좋은 밤 되세요.

me2idea 0.996 릴리즈

(익살) — Wed, 16 Dec 2009 13:43:34 +0900

안녕하세요. 익살입니다.
me2idea 가 오픈한 후 조금씩 계속 변화하고 있습니다. 어제 0.995 릴리즈 하였고, 오늘은 0.996을 릴리즈하였습니다. 릴리즈 하느라 정리할 시간이 없었네요 *-_-*

- 0.995 변경 사항

미투 친구 중에 닉네임이 기호가 들어간 친구가 있을 경우, 에러가 나는 문제가 해결되었습니다. (신고해주신 봄눈님께 감사드립니다)

- 0.996 변경 사항

미투 친구 중에 휴면 계정이 있는 경우, 친구들은 페이지가 나오지 않는 문제가 수정하였습니다. (신고해주신 파덕님께 감사드립니다)
글 또는 태그의 인풋박스에 글을 너무 길게 썼을 때, 프리뷰 화면이 넘치는 문제를 수정하였습니다.
긴 댓글을 입력하면 로그아웃되는 문제를 해결하였습니다.
me2idea 의 업데이트 프로세스를 로그인 다음이 아니라, 창을 열었을 때 진행하도록 변경하였습니다.

1.0 으로 점점 가까워지고 있는 me2idea 많이 사랑해주세요~

me2idea 0.994 릴리즈

(익살) — Mon, 14 Dec 2009 23:25:23 +0900

안녕하세요. 익살입니다.
0.993의 내부버전과 몇 가지를 추가로 수정하여, 0.994를 배포합니다. 이번 업데이트의 내용은 다음과 같습니다.

알리미로 온 글의 댓글 달기 -> 기능 추가
아래 그림과 같이 알리미로 온 글에 댓글을 달 수 있게 되었습니다. 좀 더 me2day 에 잘 말릴 수 있도록 me2idea 가 지원합니다.

댓글을 열었을 때, 텍스트박스로 커서 이동 -> 기능 추가
댓글을 열었을 때 아래 사진과 같이 댓글을 좀 더 빠르게 달 수 있도록 텍스트박스로 포커스를 이동하도록 하였습니다. 그러나, 댓글이 많이 달려있을 경우에는 댓글을 확인하거나 읽기가 불편해지는 경우가 있어서 10개 이상인 경우에는 적용하지 않았습니다.
간단히를 했을 때, 첨부된 파일과 작성하던 글을 지우는 기능 -> 추가
기존의 이미지 또는 동영상을 첨부하여 글을 작성 중일때, 첨부된 파일을 지울 수 있는 방법이 없었습니다. 글쓰기 창을 최소화하는 간단히 버튼을 이용하면, 첨부된 내용과 작성하던 글이 지워집니다.
휴면 계정 사용자가 친구일 경우, 로그인 불가 문제 -> 수정
알리미 팝업에 긴 글이 뜰 때 팝업 윈도 밖으로 글이 넘치는 문제 -> 수정
지워진 글의 댓글 보기를 눌렀을 경우 로그아웃 되는 문제 -> 수정

그럼 me2idea 와 함께 즐거운 미투데이 생활되세요~*