Project idearecipe

알고드세요, 2.0 릴리즈

linus@gon.kaist.ac.kr (익살) — Wed, 25 Aug 2010 22:28:02 +0900

안녕하세요. idearecipe 에서 진행을 맡고 있는 익살입니다.

"먹지마세요"를 대대적으로 개편해서 새로운 프로그램으로 여러분에게 소개하고자 합니다. "알고드세요"라는 새로운 이름으로 프로그램을 만들었으며, 지금부터 다운로드 받으실 수 있습니다. 1.0 의 먹지마세요 에서 2.0 의 알고드세요 로 바뀌면서 바뀐 점은 크게 세 가지입니다.

첫번째, 모든 데이터를 실시간으로 바뀌었습니다.

데이터는 모두 식약청과 각 사이트의 소스로 부터 실시간으로 받아옵니다. 처음부터 저희가 이렇게 하지 않았던 이유는 실시간으로 데이터를 받게 되면, 저희가 컨트롤 할 수 없는 서버의 속도, 네트워크의 연결 때문에 저희 어플이 제대로 동작하지 않는 문제가 있기 때문입니다. 그러나, 이번 버전에서는 모든 데이터를 실시간으로 가져옵니다. 항상 최신의 데이터, 좀 더 정확한 데이터를 가져오는 것을 추구하기 위함입니다.

두번째, 데이터 소스를 변경하였습니다.

저희 블로그 방명록을 보신 분들은 아시겠지만, 일부 업체에서 식약청의 자료를 노출하는 것에 대해서 항의를 하셨습니다. 저희는 식약청의 보도 자료를 신뢰하고 있었고, 해당 자료를 저희 어플로 서비스하였습니다. 그러나 블로그 방명록에 댓글을 남겨주신 분들을 보면서, 해당 데이터에 대해서 얼마나 신뢰할 수 있는지, 고민이 되었고 음식점 탭과 관련된 정보를 다른 정보로 교체하였습니다.

윙버스

저희가 자주 가는 윙버스에서 행정처분 업소를 확인할 수 있는 링크를 제공하는 것을 보고, 저희도 해당 내용을 제공하기로 하였으며, 이전에 식약청의 보도 자료를 바탕으로 제공되던 음식점 탭은 행정처분 업소 리스트로 변경되었습니다. 물론 행정처분 업소 리스트에 음식점이 아닌 곳들이 있긴 하지만, 다수가 음식점이기 때문에 특별히 필터링해서 보여드리지는 않습니다.

세번째, 전반적으로 불편해졌습니다.

데이터를 실시간으로 가져오면서 저희는 보기 좋게 가공하는 것을 일부 포기했습니다. 저희가 앱을 만들고 난 다음, 식약청 사이트에서 가장 빠르게 변화한 부분은 바로 저희가 긁고 있는 게시판에 문구를 추가한 것입니다. 그리고 전화 통화를 통해서 정보를 사용함으로써 생기는 책임이 저에게 있음을 열심히 강조해주셨습니다.

식약청 게시판에 추가된 문구

팀사람 중 한명이 근무하고 있는 모회사 법무팀, 법률 상담, app 센터의 김진형 교수님의 조언 등등을 참고해서 저희는 일단 식약청이나 지역별로 공개되는 행정 처분 업소 리스트를 공개할 때, 최대한 가공하지 않기로 결정하였습니다.

또한 행정처분을 받은 업소의 리스트를 보여주는 공간인 '음식점'탭의 경우는 "옐로카드"라는 앱에서 이미 잘 보여주고 계셨습니다. 이에 대한 정보가 필요하신 분은 "옐로카드"를 더 많이 사용하시면 좋을 것 같습니다. ^^;

그럼 부족하지만, 알고드세요를 통해서 좀 더 안전한 먹을거리 생활 하시길 바랍니다.

댓글 쓰기

'먹지마세요' 공개 중단

linus@gon.kaist.ac.kr (익살) — Tue, 03 Aug 2010 19:06:37 +0900

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

당분간 ‘먹지마세요' 에 대한 공개를 중단합니다. 중단하는 사유는 다음과 같습니다.

식약청 데이터베이스의 실시간 반영
현재 저희 어플리케이션의 구조는 식약청 데이터베이스를 실시간으로 반영할 수 없습니다. 저희는 빠른 검색과 이미지 미리 보기를 위해서 게시판 데이터를 미리 어플에 등록해놓는 방식을 취하고 있습니다. 그렇기 때문에 저희가 정보를 업데이트 할때마다 정보가 업데이트 됩니다.

저희가 작업을 매일 한다고 해도 식약청에서 게시판에 자료를 지우는 경우, 저희는 그것을 알 수가 없고, 그 시간 차에 따라서 저희는 잘못된 정보를 제공할 수 있습니다. 현재 이 문제에 대한 의견을 식약청을 통해서 받았고, 이에 대한 책임이 저희에게 있다는 것을 통보받았습니다. 이 의견에 동의하며, 현재 새롭게 구조를 짜서 다시 어플리케이션을 만들 생각입니다.

그럼 그동안 사용해주신 분들, 그리고 방명록을 통해서 자신들의 억울함을 호소해주신 분들에게 죄송하다는 말씀 남기며 좀 더 정확한 정보를 가지고 찾아뵙겠습니다.

아직 앱스토어에서 검색될 수 있습니다. 곧 사라집니다.

댓글 쓰기

한글로 1.0.1 업데이트

linus@gon.kaist.ac.kr (익살) — Fri, 23 Jul 2010 23:46:22 +0900

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

오늘 한글로(http://itunes.apple.com/us/app/id364576223?mt=8)가 업데이트 되었습니다. 이전에 소개드린대로, 한글로 만든 패스워드를 한글 키보드를 이용해서 쉽게 복사해서 가져다 쓸 수 있는 앱입니다. 최근 iOS 4 로 업데이트 되면서, 한글로가 제대로 동작하지 않는 문제가 있었으나 이 부분을 해결하였습니다.

iTunes 화면

업데이트 리뷰가 거의 6일이 걸리고 있습니다. 아무래도 iOS 4 로 업데이트하고 나서, 업데이트되는 앱이 많아져서 앱 리뷰 기간이 길어지는 것 같습니다. '먹지마세요'도 20일날 아주 작은 변화이지만, 지적해주신 부분을 몇 가지 변경하여 업데이트전을 올렸으니 기다려주세요.

댓글 쓰기

먹지마세요. 릴리즈 & 몇 가지 답변

linus@gon.kaist.ac.kr (익살) — Sun, 18 Jul 2010 01:01:48 +0900

안녕하세요. 릴리즈 소식을 조금 뒤늦게 적는 익살입니다.

금요일날 먹지마세요, 가 등록되었습니다. 금요일날 등록되었는데, 생각보다 많은 분들이 너무나도 빨리 받아주셔서, 토요일날 앱스토어 free top 1 에 올라갔습니다.

iTunes 한국 앱스토어

공짜로 만들어서 올란 앱이라 저희가 돈을 버는 건 아니지만, 무료 어플을 만드는 개발자분들이 대부분 그러시듯이 이렇게 많은 분들이 호응해주시니 기분이 좋네요. 감사합니다.

근데 이렇게 빠르게 많은 분들이 다운받아주실 것이라고는 생각하지 않았습니다. 팀 내에서 농담삼아 정말 잘되면 free apps top 10 에 한 1주일 정도 올라와있으면 좋지 않을까? 라는 이야길했었거든요. 이렇게 반응이 뜨거운건, 저희가 만든 앱이 잘만들어졌다는 것이 아니라, 정말 많은 분들이 안전한 먹거리를 원히신다는 증거라고 생각합니다.

팀에서 '먹지마세요'를 만든 목적은 단 하나입니다.

식약청 사이트에는 우리가 보고 싶은 정보가 있다, 근데 보기 힘들다

식약청 사이트에는 많은 분들이 보고 참고할만한 자료가 있습니다. 그러나, 저도 인터넷에서 검색해서 우연히 어느 분이 블로그에 긁어놓은 걸 보기 전까지 이런 자료가 공개되어 있는지 몰랐습니다. 또한 먹는 음식에 대한 것은 게시판으로 되어있어서 쉽게 볼 수 있지만, 음식점에 대한 정보는 한글 파일(.hwp) 로 주로 올라옵니다. 모바일 브라우저로도 잘 보이는 식약청 사이트이지만, 첨부 파일로 된 내용을 보기는 너무 어려웠습니다. 이걸 간단하게 볼 수 있도록 제공하고 싶었습니다. 식약청에서 올리는 많은 정보들 중 일단 음식점, 음식, 음식 재료와 관련된 것들을 추렸습니다.

앱스토어에 다른 분들이 남겨주신 의견들

그리고 많은 분들이 위에 적어주신 분들과 같은 의견 주셨습니다. 의견 감사합니다!

맞는 말씀이고, 저희 입장에서 조심해야 하는 일입니다. 장사하시다가 사소한 실수로 걸린 분들의 입장도 있을 수 있으니까요.

근데 중요한 건, 저희는 데이터를 필터링하는 권력을 가지지도 않을 예정이고, 가질 수도 없다고 생각합니다. 구글이나 네이버처럼 정보를 보여드릴 때, 순위를 매겨서 보여드릴 수 없습니다. 저희는 식약청에 올라오는 데이터를 최대한 보기 쉽게 가공해서 보여드리는 역할을 할 뿐이고, 이 데이터가 얼마나 오래 되었는지, 아니면 얼마나 심각한 위반 사항이었는지는 판단할 수 없습니다. 개인이 유통기한 경과제품 보관과 건강진단 미필 중 어느 것이 더 나쁜 것인지 판단할 수는 있지만, 그건 아마 개인마다 기준이 다를 수도 있을 것입니다. 각각의 정보마다 출처를 달아놓은 것처럼, 저희는 믿을 수 있는 기관인 식약청이 판단한 정보만을 보여드리려고 합니다.

또한 몇몇 분들이 시정되었다면 그 정보를 반영해야 하지 않느냐고 말씀해주셨습니다. 일단, 시정 명령이 떨어졌을 때, 이것이 시정이 되었는지 아닌지는 보도자료에 나와있지 않습니다. 저희는 한글 파일에 있는 보도 자료를 최대한 보여주는 viewer 를 만들어드린 것입니다.

사실 저는 저희의 앱이 오랫동안 여러분들의 사랑을 받는 것이 아니라, '먹지마세요'라는 앱을 식약청이 보고, 그리고 사람들의 반응을 보고, 식약청에서 직접 이런 어플리케이션을 만들어주었으면 하는 바램입니다. 그런 앱이 나올 수 있는 기폭제 역할을 하고 사라질 수 있었으면 좋겠네요.

그럼, 다음부터는 블로그에 새로운 릴리즈 소식이나, 개발과 관련된 삽질 이야기들을 공유하겠습니다. 그럼 '먹지마세요'와 함께 건강한 생활되세요~

PS1. 정보를 필터링하는 기능이 필요하다고 어느 분께서 말씀해주셨는데, 그것 또한 저희가 마음대로 만드는 기준이 될 것 같아 조심하고 있습니다. 정보 판단 기준이 아니라 단순 UI 적으로 불편한 부분이 있는 문제라면 최대한 해소하도록 노력하겠습니다.

PS2. 앱스토어에 적힌 의견 하나도 놓치지 않고 보고 있습니다. 답글을 달아드릴 수 있는 구조가 아니여서 아쉽습니다. 혹시 답변을 원하시는 의견이 있으시면 여기 남겨주세요.

댓글 쓰기

먹지마세요. iPhone/touch용 어플리케이션

linus@gon.kaist.ac.kr (익살) — Mon, 05 Jul 2010 11:19:29 +0900

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

오늘은 idearecipe 에서 만든 또다른 iPhone/touch 용 어플리케이션을 소개하려고 합니다. 이번에 저희가 제작한 어플리케이션은 "먹지마세요"라는 어플리케이션입니다. 가끔 우리는 뉴스에서 "여름철 식중독균, 대장균 단속 결과..." 라는 식의 보도 자료를 접할 때가 있습니다. 어느 지역에서 몇 개의 업체가 단속 결과 걸렸다고 나오지만, 그렇게 뉴스로 듣고 말 뿐입니다. 단속 결과를 이용해서 우리가 단속에 걸린 나쁜 음식점, 나쁜 음식을 피할 방법은 그렇게 쉽지 않습니다. 식약청 홈페이지에 접속해서 보도 자료를 열고, 보도 자료에 첨부된 한글 파일을 보며 내가 가는 집 중에 어느 집이 걸렸나 찾아보는건 쉽지 않은 일이니까요.

idearecipe 팀에서는 "먹지마세요"를 통해서 안전하지 않은 먹거리 음식 리스트와 원산지 허위표시, 남은음식물 재사용, 대장균 양성, 유통기한 경과제품 사용및보관 등등을 한 음식점 업체 리스트를 제공합니다. 부적합 음식리스트는 음식의 이름, 사진과 함께 부적합 사유를 표시하며, 부적합 음식점 리스트는 음식점의 주소를 통해 분류하였으며, 위치, 부적합 사유, 위반업체 명단의 보도자료가 발표된 시점등을 볼 수 있습니다.

"먹지마세요"는 정부에서 제공하는 자료를 통해서 사용자는 좀 더 안전한 먹거리를 찾아서 선택할 수 있도록 도와주는 역할을 합니다. 식품의약품안정청에서 공개하는 자료를 바탕으로 어플리케이션을 제작하고 있습니다.

"먹지마세요"에서 식품의약품안정청의 정보는 다음과 같습니다.
- 식품의약품안전청의 식품 검사 부적합
- 식품의약품안전청의 언론홍보자료 중 식품관리과에서 제공하는 음식점 목록

식품의약품안전청의 언론 홍보 자료의 경우, 해당 위반 시점에서 걸린 업체들 리스트만을 보도하고 있지만, "먹지마세요"에서는 이 자료를 누적하여 사용자들에게 제공합니다. 저희는 이 어플리케이션이 좀 더 많은 사람에게 쓰여 파급효과를 가지고, 음식점과 먹을 것을 만드는 곳들이 좀 더 신경써서 안전하게 먹을 것을 만들어주셨으면 하는 바램으로 만들었습니다.

곧 공개 예정입니다. 기대해주세요 ^^/

댓글 쓰기

me2idea 사용자분들은 adobe air 를 2.0 으로 업그레이하세요~

linus@gon.kaist.ac.kr (익살) — Fri, 11 Jun 2010 10:43:46 +0900

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

그 동안 me2idea 를 많은 분들이 사용해주셔서(?) 미투 추천 앱으로 올라가기도 하고, 많은 기능은 아니지만 몇 가지 기능들을 편하게 사용해주시는 걸 보며 저희 팀에서는 흐뭇해하고 있었습니다. 그러나 저희의 마음을 아프게 한 몇 가지 문제 중에 가장 큰 문제는 메모리 문제였어요. javascript 를 이용해서 air 어플을 만들다 보니 최적화에 손을 쓰기 어려웠고, 내부적으로 다들 처음 다뤄보는 방식이라 잘 능숙하지 못한 문제도 있었죠. 근데 adobe 에서 저희가 기반으로 쓰고 있는 프레임웍인 air 를 2.0 으로 업그레이드하였습니다.

클리앙에 최완기 님이 올려주신 소식의 말을 빌면 성능향상은 아래와 같습니다.

'에어 2'는 더 줄어든 CPU 점유율, 30% 줄어든 메모리 사용, 수백 개의 새로운 API들 추가, 특히 개발자들로 멀티 플레이어 게임들과 기업 용 유틸리티들 개발하도록 향상된 네트웍 API, 2배나 빨라진 자바스크립트 엔진, HTML5와 CSS3 지원 확장 등을 제공한다.

제가 직접 테스트 해봤을 때, me2idea 는 메모리 측면에서 약 15% 정도 메모리를 덜 사용하는 것으로 확인하였습니다. 그동안 메모리가 부족하셔서 me2idea 가 무겁게 느껴지셨던 분이라면 꼭 업그레이드 해주시길 바랍니다. 그럼 me2idea 와 즐거운 미투데이되시길~

air 2.0 다운로드 사이트 http://get.adobe.com/kr/air/

댓글 쓰기

iPhone/iPod-Touch 용 한글 암호 입력기 - 한글로

bwhite8129@gmail.com (ways) — Fri, 02 Apr 2010 13:58:51 +0900

수많은 웹사이트와 서비스들에 가입하다보면, 좋은 암호를 만드는 것도 만만치 않습니다. 그래서 많이 사용하는 방법이, 입력기를 영문상태로 놓고 한글로 된 단어를 입력하는 거죠. 암호를 "1박2일"로 외우고 사실은 "1qkr2dlf"를 치면, 외우기도 쉽고 비교적 안전한 암호가 됩니다.

그런데 이런 방식은 아이폰으로 입력하기 어렵습니다. 아이폰 키보드에는 한글과 영문 키가 한 번에 표시되지 않기 때문이죠. 한글자 한글자 더듬더듬 대강 찍어가며 입력할 수 밖에 없습니다.

이런 어려움을 해결하기 위해, 한글로가 나왔습니다.
appstore 바로가기: itms://itunes.apple.com/us/app/id364576223?mt=8

네이버에 로그인하는 과정을 한 번 살펴봅시다.

1. 먼저 한글로를 켭니다.
2. "1박2일"이라고 입력합니다.
3. 변환하여 베껴두기 버튼을 누릅니다.
4. 홈버튼을 눌러 나가서 safari를 켭니다.
5. 네이버에 가서 로그인을 누른 후, 비밀번호란을 터치하고, 붙이기를 누릅니다.

한글로의 역할은 간단합니다. 한글로 입력한 암호를 "1qkr2dlf" 스타일로 바꿔서 베껴두기(즉, 클립보드에 복사)하는 것입니다.

또, 아이폰으로 입력을 하다보면 오타가 항상 너무 많이 나서 추가한 센스있는 기능이 하나 있습니다. 바로 내가 입력한 내용을 하나의 색으로 표시해주는 기능인데요. 위 그림에 보면 입력창 오른 쪽에 검은 원이 하나 있는데, 매번 입력을 할 때마다 이 원의 색이 바뀝니다. 예를 들어, "1박2일"을 입력하면 검은 색이 되어야하는데, 실수로 "2박3일"이라 입력했다면 하늘 색이 되어 실수했음을 눈치챌 수 있게 해줍니다. 평소 많이 쓰는 암호의 색을 기억해놓으면 도움이 되겠죠? 모든 입력에 대해 색은 10여가지 색 중에서 지정됩니다.

아이폰 생활 중 암호입력이 어렵다고 단순한=위험한 암호로 바꾸지 마시고 "한글로"를 지금 깔아보시는 건 어떨까요?

다시 한 번 appstore 바로가기: itms://itunes.apple.com/us/app/id364576223?mt=8

댓글 쓰기

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

kjinni@gmail.com (행복한아이) — 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과 알리미

euneae@nate.com (황장미) — 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 릴리즈

linus@gon.kaist.ac.kr (익살) — 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 의 도움말

댓글 쓰기