머드초보의 블로그

1년에 2~3번씩 하는 것 같은데. 벌써 10회째를 맞이하고 있네요.

저도 두번 참석한 경험이 있습니다^^

첫번째 참석한 건 지도api할 때 참석했었구요. 두번째는 다음이 다음에디터를 오픈했을 때 참석했었습니다^^

게다가 이번에는 1등한 작품에 대해서 iPad를 주네요.

요번엔 방식이 좀 틀리네요. 그 전에는 거기 직접 가서 주제에 맞게 매쉬업을 해서 Live Coding으로 만든 작품 중에 1등에게 상품을 주고 그랬는데, 이번에는 미리 만들어서 매쉬업 갤러리에 등록을 한다음에, 그것중에 4개팀을 뽑아서 발표해서 제일 잘한 팀을 1등으로 주네요^^

Live Coding시간에는 퀴즈를 하려나봅니다^^

저도 좋은 아이디어가 떠오르면 만들어서 내보려고 합니다만......(요즘 하는거없이 왜이리 바쁘지...ㅠㅠ)

참가신청은 아래 사이트에서 하시면 됩니다^^
http://daumdna.tistory.com/646

-------------------------------------------

행사 소개

제10회 Daum DevDay(부제: Dev on Daum)는 Daum 오픈 API 관련 튜토리얼과 참가자들이 직접 코딩에 참여하는 세션으로 진행되는 행사로 다양한 이벤트와 경품이 함께 합니다.

◆ 개발 행사

    튜토리얼, 퀴즈, 라이브 코딩등의 개발행사가 진행됩니다

    창의적인 아이디어와 열정으로 도전해주시기 바랍니다^^

◆ 데모 작품을 소개할 수 있는 기회!

    행사 당일 데모 작품을 전시  하고자 하는 분들께서는 매쉬업 갤러리에 올려주세요.

    최대 4개팀을 선정해 가산점 5표 부여 및 전시 기회를 드립니다.

    iPad에 한발 먼저 다가갈 기회를 잡으세요 ^^

 

행사 일시 : 6월 26일 (토) 09:00 ~ 19:00

행사 장소 : 서울시 서초구 서초로 398 KISA 아카데미

행사 프로그램 순서

시간	내용	담당자
09:30 ~ 10:00	참가등록
10:00 ~ 10:10	행사 소개 및 환영 인사	Daum 신철원 님
10:10 ~ 10:40	Ice Breaking	Daum 이승철 님
10:40 ~ 11:00	휴식&인터넷 설정
11:00 ~ 11:50	로드뷰 API 튜토리얼	Daum 박동욱 님
12:00 ~ 13:00	점심 식사
13:00 ~ 13:50	블로그 API(Oauth기반)튜토리얼	Daum 김종민 님
14:00 ~ 15:00	Mashup Gallery 작품 발표	15분이내/팀 (4개팀)
15:00 ~ 18:00	Live Coding(퀴즈)	신청자 전원
18:00 ~ 18:30	시상 및 행사 종료

경품 지급  

• 1등 : iPad (대박이죠?^^)
• EvP : 상품권(20만원)
• 그 외 푸짐한 경품!!

※ EvP(Evolution Prize)란? DevDay에 참가한 개인/팀들의 모든 프로젝트를 갤러리에 등록하여 행사 종료 후에도 발전적인 성과를 보이는 분께 지급하는 상입니다^^

 

 

DevDay를 통해 Daum 취업의 기회도 잡으세요! 자세한건 행사장에서..^^

참가 신청

◆ 참가 자격
    오픈 API에 관심있는 사람이라면 누구나 참여 가능. 배우고자하는 열정과 마음만 있다면  환영합니다.

◆ 참가 신청 기간 : 5월 27일~ 선착순 100분까지 
   (※매쉬업 갤러리에 작품 등록하실 분들은 6월 20일 (일)까지 제출 부탁드립니다)
    참가자 선정 : 선착순 100명

주의사항

• 주차공간에 여유가 없으니 대중교통을 이용하시기 바랍니다.
• 개인 노트북은 필수로 지참하시기 바랍니다.

후원

또 새로운 곳의 서울을 갔다왔습니다. 서울 파트너스 하우스라는 곳에서 했었습니다. 지도삽입해볼까....
아....지역검색에서 아쉽게도 다음지도에서는 검색하니 안나오는데, 네이버에서는 나오네요. 지역검색에서 왜 다음에는 등록안했을까-_-

2009.11.15 | 지도 크게 보기 ©  NHN Corp.

A위치입니다. 한강진역에서 가깝지만, 전 서울역에서 402번을 타고 갔습니다.
근데 네이버지도에서도 한강시민공원 사업소라고 나오는 걸 보니 지도는 업데이트가 안되었나보네요. 지도가 좀 이상하네....-_-

서울파트너스하우스라는 곳 매우 좋네요. 우선 시설이 쌔삥입니다. 지은지 얼마 안됐나봅니다. 조쿰 고급스러워서 웬지 여기서 회의하고 싶은 생각이 많이 듭니다. 근데 숙박시설인가봅니다. 워크샵을 와서 지낼 수 있는 곳인 것 같습니다. 나중에 워크샵 여기로 오자고 건의해야겠습니다-_-(다들 반대하겠지.....워크샵은 놀러가는건데-_- 진짜 워크샵하실 분들만 여기로 오세요-_-)

원래 중소기업을 위한 시설인데, 다음은 원래 중소기업이 아니였는데, 특별히 허락해주었다고 하네요-_-

아놔 파트너스하우스가 너무 좋아서 파트너스 하우스에 대한 홍보글이 되고 있어요. 이제 본론으로-_-

다음 devday는 두번째인데요. 예전에 지도할 때 가서-_- wii를 탔었던....-_- 어떤 주제를 가지고 코딩할 수 있는 점이 참 재미있는 것 같습니다. 이런 행사 앞으로 계속 했으면 좋겠네요 ^^

1. 환영사 및 강사 소개
다음에디터 만드신 분들이 강의하고, YouFree라는 서비스를 개발하고 계시는 박사님 한분이 발표를 했습니다. 유프리라는 것을 대충 보니 어디서는 같은 환경에서 사용할 수 있고, 쉽게 플러그인 같은 걸 개발하고 사용할 수 있는 툴같습니다. 아직 자세히 안봤는데, 한번 들여다봐야겠습니다^^

2. Ice Breaking (자기 소개)
아이스 브레이킹-_- 하면 자꾸 그거 생각나네. 아이스브레이커라는 사탕-_- 이거 엄청 맛있음 ㄷㄷ


와 오늘 글쓰면서 많이 새네.... 이거 왓슨인가 거기서 팜 ^^ 조쿰 비싸서 부르주아들만 먹을 수 있어요. 아이스브레이커스하면 지드래곤의 HeartBreaker가 생각나죠.
암튼 각자 자기소개를 했습니다. 70명온다고 했는데 50명도 안온 것 같은 느낌이 들더군요. 빈자리도 많고-_- 제 생각이지만, 하필 그 전날 13일의 금요일이어서 갑자기 추워져서 그런 것 같아요.저도 사실 추워서 가기 싫었지만, 갔었죠-_- 자기소개를 들어보니 다들 엄청난 아이템을 준비해오셨더라구요. 결과도 다들 엄청난 걸 만드셨어요 대단합니다^^

3. YouFree 소개
http://www.youfree.or.kr/html/
유프리에 대한 소개가 잠깐 있었는데요. 설명을 들어도 아직 잘 모르겠군요. 뭐든 백번 듣는 것보다 한번 하는 게 나은 듯. 이것도 써보기 전엔 뭔지는 자세히 모르겠군요. 모든 것을 유프리에서 다 제공하겠다는 것이라고 강조를 하는데요. 유프리를 usb같은 저장공간에 설치를 하게 되면 이 PC에서 사용하고 관리하던 자신만의 기능들을 또 다른 PC에서도 그대로 사용할 수 있는 장점을 내세운 것 같습니다.
또한 이 플랫폼에 한에서 특정 기능을 추가하고 개발할 수 있는 기능도 제공하는 듯 합니다. 그걸 이용해서 현재 공모전을 준비하고 있더군요. 아...아니다 공모전은 이용사례나 어떻게 활용하는지 등의 컨텐츠 공모전이군요. 다음주가 마감인데, 선착순 90명한테는 기념품을 주더군요. 내봐야겠습니다. 기념품을 받기위해....-_-
유프리는 나중에 직접한번 써보고 다시 포스팅해야겠습니다^^

4. 쉬는 시간
와....배고팠는데, 먹을 것이 있네요. 다음 디브(데브가 맞나요 디브가 맞나요? 디브로 발음하던데-_-)데이에는 먹을 것이 많아서 좋음. 전에도 그랬던 것 같음-_-

5. Daum 오픈에디터 구조 소개
오픈에디터에 대해서 설명을 하는데요. 전 전날 좀 보고 왔었는데, 중간중간 모르던 것이 설명으로 이해가 되더군요.
다음오픈에디터는 nhn의 스마트에디터랑 좀 틀린 구조로 되어있는데요. 다음에디터는 완전 프레임워크를 지향하고 있습니다. 기능 추가 및 삭제, 또는 수정이 매우 유용하게 되어있습니다. 그래서 그런지 merge_and_compress_all을 돌려도 300k의 엄청난 js파일이 나옵니다-_- 배포버전은 300k정도 되는 듯. 스마트에디터는 지금 받아서 보니까 160k정도 되는군요. 딱 절반이네요. 암튼, 최적화가 필요하지 않은가 싶네요^^
아놔 오늘 왜이리 얘기가 새지.

암튼, 다음 에디터에 대해서 설명을 하는데, 여기서 모든 것을 다할 수 있더군요. 외부에 있는 데이터를 쉽게 가져올 수 있는 함수도 제공하구요. Prototype JS Framework을 이용해서 개조해서 다음에디터에 맞게 새로운 프레임워크를 만든 것 같습니다. Prototype처럼 class형태를 지향하도록 되어있네요^^

그리고 다음에디터개발환경이 apache + tomcat + velocity입니다. 그래서 제가 집에서 개발환경을 셋팅해봤는데요. 셋팅하다가 삽질 많이 했습니다-_- 셋팅문서에 좀 안나온 부분도 있고 그래서^^ 또 apache + tomcat환경 셋팅안해본지는 2년이 다된 것 같기에....
암튼, apache + tomcat개발환경이 필요한 이유는 제가 셋팅해본 봐로는 그렇습니다. www폴더는 tomcat이 돌아가고 daumeditor폴더는 아파치가 돌려야하기 때문에....-_-
velocity는 잘 모르지만, 마크업랭귀지인데, 기능 추가 삭제를 손쉽게 하기 위해서 이런 식으로 한 것 같습니다. 안에 매크로파일이 있는데, 거기에 기능을 추가하고, daumeditor.html파일에 #을 사용해서 추가하면 나중에 merge_and_compress_all할 때 필요한 기능만 들어가서 release되나봅니다. 저도 자세히 안봤기 때문에-_-

6. Tutorial
daum openapi를 이용해서 영화제목을 검색해 본문에 삽입하는 튜토리얼이였습니다. 문경두님이 발표하셨는데....사전에 이런말을 하셨죠. 오타를 내가 좀 많이 낸다. 오타를 찾으면 상품권을 주겠다. 이제부터 다들 튜토리얼 따라하기에 바쁜 게 아니라 오타찾기에 눈에 불이 들어옵니다-_- 예상외로 많은 오타를 내주셨고, 여기저기에서 오타에 대한 지적이 마구 들리기 시작했습니다-_-
그래도 꿋꿋이 튜토리얼을 진행하시더니 결국 끝내셨습니다. 튜토리얼을 보면서 느낀점은 정말 기능추가가 쉽네요^^

7. 점심시간
와....Daum DevDay는 항상 밥이 잘나와요-_- 저번엔 아웃백 갔었는데, 이번엔 부페라니....-_- 날씨가 춥고, 출입문 근처에 있다보니 음식이 차가워졌지만, 그래도 완전 맛있었음^^ 음료수도 충분히 준비되어있고, 다만 제가 3번째 먹을 때(-_-) 디저트를 먹으려고 갔는데, 좀 늦었는지, 제가 좋아하는 파인애플이 딱 2조각 남았던 것이 아쉬웠네요.

8. 개별 프로젝트(Live Coding)
개별 프로젝트 시간입니다. 저는 에디터에 음악검색을 넣으려고 했는데, 역시나 아이디어는 너무 평범했습니다-_- 그래서 이 에디터를 이용한 게시판 까지 만들어버린......-_-
음악검색은 소리바다에서 제공하는 앨범위젯과 음악URL을 삽입하는 기능을 넣도록 했었습니다. 여기에 삽입되는 위젯은 소리바다사이트에서 자동로그인을 한 유료사용자라면 전곡듣기가 가능하고, 아닌 사람들은 1분 미리듣기만 됩니다-_- 그래서 결제를 해야.....-_-
암튼, 하다보니 시간도 남고 해서 글을 미투데이로 포스팅하는 짓까지 해버린......-_-
결과물은.....-> http://mudchobo.tomeii.com/MusicBoard/

9. 발표
와...정말 대단한 작품들이 많이 나왔습니다.
여러 작품들 중에 맘에 드는 작품은 에디터에서 개발자들이 주로 사용하는 Control + Space기능을 추가한 작품인데요. 역시나 이분이 대상으로 wii타가셨습니다^^ 사실 드래그해서 기능버튼을 클릭해도 같은 기능이지만, 현재 사용자는 키보드를 사용하고 있고, 마우스를 쓰지 않고도 이렇게 사전검색 같은 기능을 할 수 있다는 것이 UI측면에서 훨씬 좋은 기능입니다.
그리고, 스펠링체크하는 프로그램을 만드신 분도 잘하셨고, 타이핑 속도 체크해서 알려주는 기능을 만드신 분도 있고, 코드하이라이트 기능도 적용하신 분도 계시고, 뭐 오늘 에디터로 할 수 있는 모든 기능이 다 나온 것 같습니다^^

일하다보면 가끔 초간단 게시판을 만들게 되는 일을 하게 되기도 하는데요. 그러면 에디터 같은 경우에는 직접 만드는 미친 짓을 하는 것보단 오픈소스를 가져다 쓰려고 주로 합니다. 나중에 게시판을 만들게 되는 일이 있으면 한번 적용해봐야겠네요^^

홍대가 더 가까웠는데, 갑자기 장소가 바뀌었어요. 그래서 버스타고 뱅뱅사거리까지 갔습니다. 집에 올 때에는 엄청나게 차가 막히더군요 ㅠ 그래도 재미있었습니다.

1. Daum 오픈 API 현황 소개 (윤석찬)
그 사진에서만 보던 윤석찬님이군요. facebook에서 친구가 딱 2명있는데, 한 분은 같은 고등학교 나왔다고 외국에 계신분이 저를 친구등록해서 친구했구요. 또 한분은 윤석찬님입니다-_-; 제가 메일로 문의를 드린 게 있었는데, 그 때 친구 등록하신 것 같습니다^^
암튼, Daum에 있는 오픈API를 중점적으로 소개시켜주셨는데요. 몰랐는데, DAUM API도 상당히 많군요. 네이버에 있는 것도 있구요. 네이버와 차별화된 API도 있네요. 블로그나 위젯api라는지 ^^ API적용 사례에 대해서도 말씀해주시고 좋은 정보 많이 들었습니다.

2. 점심식사
오....-_-; 아웃백입니다-_-; 미친듯이 먹었습니다-_-;

3. Daum 지도 API 소개(구경택)
저는 Daum지도API는 당연히 있었다고 생각했는데, 제 친구가 말하길 이거 오픈한지 얼마 안됐다고 하더군요. 보니까 작년10월에 처음 오픈한 것 같습니다. 그 때 이벤트도 하고 그런 것 같은데, 왜 난 몰랐지-_-; 이벤트에는 저는 빠지지 않습니다 ㅠㅠ
아....어제 오픈한 Daum지도 로드뷰랑 스카이뷰를 보여주셨습니다. 대단합니다. 지도는 이것으로 다음이 짱먹었습니다-_-; 너무 좋습니다 ^^ 어서 API를 공개했으면 합니다^^ 3월에 오픈예정이라고 했습니다^^
구글지도랑 비교해서 우수함을 보여주셨습니다^^ 근데, 인천 로드뷰는 언제쯤? ㅠㅠ 그때까지 구경택님이 말씀한 압구정동을 계속 뒤져보도록 하겠습니다-_-;

4. 코딩 실습 및 지도api퀴즈
프로젝트 준비하시는 분들은 준비하고 그 외는 퀴즈를 했습니다. 음....전 Daum지도API를 조금 만져본 경험이 있어서........-_-; 1번문제는 간단하게 다음커뮤니케이션 위치에 다음꼬다리를 꽂고, 이곳에서 매쉬업캠프가 진행중입니다 라고 표시하면 되는 것이였습니다. 그래서 제가 1등으로 해서 여....영화관람권을.....-_-;(2010년까지인데, 그때까지 여자친구 안생기면 어쪄죠?-_-)
2번문제는 지역검색을 해서 그것을 클릭하면 그 위치에 다음꼬다리를 꽂고, 지역명을 표시하는 것이였습니다-_-; 3번문제는 구글지도와 동기화하는 그런 것을 했습니다^^ 참 재미있었던 것 같습니다 ^^

5. 프로젝트 발표
발표한 것 중에 인상적인게 안드로메...아....안드로이드를 이용해서 매쉬업을 구현하신 분이 계시더군요. 그 분 W데이에서도 본 것 같은데.....-_-;
음....저희가 다음지도api를 이용해서 지도위에서 채팅하는 척 하는 것을 구현했는데....상길님이 저희 것이 제일 괜찮았다고 하셨습니다(아 감동 ㅠ) 그래서 Wii가 우리손에 들어오나 싶었는데, 다....다른 분들이 탐탁지 않았는지-_-; 숫자가 53이상 나오면.......우리주고, 그 이하면 추첨을 하겠다고 했습니다 ㅠㅠ
하지만, 승리의 여신은 저희쪽에.....-_-;65가 나왔습니다-_-;

정말 즐거운 하루였던 것 같습니다. 관계자분들 모두 고생하셨구요^^ 이건 Maplane소스인데, 서버에 못올리는 이유가.....굉장히 위험한 프로그램입니다-_-; 과부하를 줄 수 있습니다-_-;