'일상/일터'에 해당되는 글 24건

  1. 2013.02.15 Daum 검색개발 경력공채 대모집!!!
  2. 2010.08.11 편리한 사무용품 Daum Make It (4)
  3. 2010.05.23 Eco-Life on Daum, Daum 테이크 아웃 머그 (6)
  4. 2009.07.23 위젯팩토리 플러그인 사용법 챕터3 - 위젯 관리!
  5. 2009.07.23 위젯팩토리 플러그인 사용법 챕터2 - 위젯 제작!
  6. 2009.07.21 위젯팩토리 플러그인 사용법 챕터1 - 설치! (5)
  7. 2009.07.14 태극기 휘날리며!! (2)
  8. 2009.04.15 배너위젯 제작법 (4)
  9. 2009.01.23 나만의 배너 설정방법 (60)
  10. 2009.01.06 톡틴게임 모음 위젯 제작기 Ver. 0.1

Daum 검색개발 경력공채 대모집!!!

|

울회사에서 검색개발 경력공채 모집합니다.

이제서야?라는 생각이 조금 들기도 하지만 늦었다고 생각할때가 정말 늦은때이니 언능언능 팡팡 키워보입시다~

Daum 화이팅!!!

아마도 검색개발이니 제주근무이지 않을까~~(Daum 제주 근무 복지가 그렇게 좋다며??? 사옥이 그렇게 좋다며???) 자세히보기

 

 


Daum과 함께 검색의 미래를 열어갈 인재를 모집합니다!

 

서류접수 기간은 2월 13일(수)부터 3월 12일(화) 오전 11시까지이며, 세부 모집 직무는 '검색개발', '자연어처리/텍스트마이닝', '데이터분석/검색랭킹모델링'입니다.


무엇보다 Daum과 인터넷/모바일 검색 서비스에 뜨거운 열정을 가진 여러분의 많은 지원을 바라며, 전공과 학점, 경력이나 어학에 제한 없이 열린 채용으로 진행됩니다.

 

전형 절차는 서류 전형을 거쳐, 온라인 직무능력테스트, 1차 면접, 2차 면접 순으로 진행되며 직무능력테스트 및 기술면접, 인성면접을 통해 핵심 역량과 리더십을 갖춘 인재를 선발할 계획입니다.

온라인 직무능력테스트와 면접 일정은 개별 안내 드릴 예정입니다.

 

입사 지원과 세부내용 확인은 2월 13일부터 Daum 채용사이트(http://www.daumcorp.com/recruit/currentOpportunities.daum)에서 가능하며, 채용정보 이외에도 Daum의 인재상 / 인사제도 / 교육제도 / 복리후생 / 회사정보 등 다양한 정보를 확인할 수 있습니다.

 

보다 자세한 내용은 아래를 참고해주시기 바라며,

궁금하신 사항은 Daum 채용 페이스북(http://www.facebook.com/DaumRecruiter) 이나 채용문의메일(daum_recruit@daum.net) 을 통해 문의해주시기 바랍니다.

 

세상을 즐겁게 변화시키는 기업 Daum에서, 새로운 검색의 미래를 열어보세요!!

 

<2013 Daum 검색개발 경력공채 상세 공고>

 

◆ 모집부문

    - 검색개발

    - 자연어처리/텍스트마이닝

    - 데이터분석/검색랭킹모델링

 

 

◆ 모집 부문 별 수행업무 및 자격요건

 

   <검색개발>

    1. 수행업무

        1) 검색엔진 기반의 서비스 개발

            - 자체개발 검색엔진과 Apache, Tomcat, MySQL, No-SQL 등 오픈소스 소프트웨어를 활용하여

               뉴스, 블로그, SNS, 카페, 지도위치정보, 쇼핑 상품정보 등 다양한 데이터베이스에 특화된 검색시스템을 개발

            - 웹서버, 웹애플리케이션, 캐시, 통합검색, 컨텐츠검색
        2) 검색 기반소프트웨어 개발

            - 검색엔진, 웹크롤러, 검색데이터저장소 등 검색서비스의 기반이 되는 주요 소프트웨어를 고도화

            - 데이터마이닝, 텍스트마이닝, 기계학습 등

     2. 자격요건

        1) 검색서비스에 대한 관심, 검색에 대한 기본적인 지식 보유

        2) 컴퓨터공학/전산학/통계학 관련 학사 이상 또는 이에 상응하는 경력자

        3) Java, C/C++, python 등 언어를 이용한 개발 역량 보유

        4) 리눅스 시스템에서의 개발 역량 보유

        5) Apache, Tomcat, MySQL, Oracle 에 대한 지식 또는 개발 경험

        6) 프레임워크, 라이브러리, 소스코드 생성기 등 각종 코드 재사용 능력 보유

        7) 우대요건

            - 대용량 분산 처리 시스템 구축 경험자

            - 소프트웨어 아키텍처 구성 및 성능 문제 해결이 가능한 개발자

            - 텍스트마이닝에 대한 다양한 경험이 있는 분

            - TCP/IP 네트워크 프로그래밍 개발 역량 보유

            - Hadoop, NoSQL 등 분산 시스템 전문 지식

 

   <자연어처리/텍스트마이닝>

    1. 수행업무

        1) 문장 분석을 하기 위한 전처리 : 문장 경계 인식, 자동 띄어쓰기, 오탈자 교정

            - 한국어, 영어에 대한 언어처리 기술 : 문장의 숨은 의미를 분석하기 위한 전처리 단계로써,

              문장의 경계를 인식하고, 띄어쓰기 오류와 오탈자 교정 작업을 수행한다.
        2) 형태소 분석, 품사태깅, 청킹, 구문분석

           - 문장 구조를 파악하기 위한 기술

           - 문장의 구조를 파악하기 위해 의미의 최소 단위인 형태소로 어절들을 분해하고, 분해된 형태소에 정확한 품사를 부착  

             하며, 의미적으로 연관된 품사에 대해 하나의 덩어리로 묶어 구문분석시의 복잡도를 줄여준다.

        3) 언어처리 기술의 응용분야

            - 텍스트 마이닝 : 개체명 인식, 개체명 의미 중의성 해소, 개체 관계 추출, 검색어 의도 파악 등

            - 기계 번역 : 병렬 코퍼스 자동 구축을 위한 기반 작업, 다국어 문장 분리, 문장 자동 매칭
            - 자동 분류기 : 텍스트 기반의 분류기를 개발, 스팸 필터, 문서 분류등에 적용, 사용자 그룹핑
 등의 작업을 수행

            - 감정 분석 : 언어처리 기반 모듈을 활용한 긍정 부정 분석모듈 개발 및 운영

    2. 자격요건

        1) 자연어 처리 관련 지식 : 언어처리 관련 개발 경험(형태소 분석기, 태깅, 청킹, 구문분석 등의 개발 경험)

        2) 자연어 처리 응용 분야 지식 : SMT, 개체명 인식기, 문서 분류기, 중복 문서 처리기 등의 개발 경험

        3) 배경 지식 : 기계학습을 포함한 알고리즘에 대한 이해(ex> HMM, CRF, Naive Bayesian, SVM, LSH, PLSA, LDA등)

        4) 자료구조 : bsearch, qsort, max sort, compact trie, dynamic hash, balanced b-tree 등

        5) 개발언어 및 환경 : linux, mysql, C/C++, perl, Python, bash, awk, JNI, packaging, RESTful, JSON 등

 

    <데이터분석/검색랭킹모델링>

      1. 수행업무

         1) 쿼리 기반 추천 시스템

         2) 데이터 분석을 통한 비즈니스 로직 개발

         3) 대용량 데이터와 사용자 행동 분석을 통한 서비스 고도화 및 의사결정 지원

         4) 검색 데이터 분석 및 랭킹 모델링

         5) SNS 네트웍 분석

         6) Data Visualization

    2. 자격요건

         1) 확률 통계에 대한 이해

         2) 분산 처리에 대한 이해( Hadoop기반 MapReduce )
         3) Big Data Handling 경험자( R, HIVE, Pig 등 )
         4) Machine Learning 경험자
         5) Massive log analysis 경험자
         6) Java, Python,C 에 대한 프로그래밍 능력 보유
         7) 빠르게 학습하며 도전적인 문제를 즐기시는 분

 

 

◆ 전형절차 및 일정

     온라인 입사지원 -> 온라인 직무능력테스트 -> 1차 면접 -> 2차 면접 -> 최종 입사
     * 1차, 2차 면접 일정 : 개별 통보

 

 

◆ 서류접수기간

    접수기간 : 2013년 2월 13일(수) ~ 2013년 3월 12일(화) 오전 11:00 까지 제출
    * 다른 수시채용과 중복 지원은 불가능 합니다. 
    * 입사지원은 Daum 채용사이트(http://www.daumcorp.com/recruit/currentOpportunities.daum)를 통해서만 지원을 받습니다.

 

 

◆ 기타사항

    - 장애인 및 국가보훈대상자는 관련법규에 의거하여 우대합니다.

    - 입사지원서 내용이 사실과 다른 경우 합격(입사)이 취소됩니다.

 

 

◆ 문의사항

    페이스북 : http://facebook.com/DaumRecruiter

        (Daum에서 꿈을 펼치며 일하고 싶은 여러분과 소통하는 장소로 만들어가고 있습니다)

   - 문의 메일 : daum_recruit@daum.net

 

저작자 표시
신고
이 장소를 Daum지도에서 확인해보세요.
제주특별자치도 제주시 아라동 | 다음커뮤니케이션 본사
도움말 Daum 지도
Trackback 0 And Comment 0

편리한 사무용품 Daum Make It

|
머그컵 사용 이벤트로 받은 DIY 사무용품 Daum Make It

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/100sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 14:58:59

B5용지 크기정도의 두꺼운 종이 3장으로 구성되어 있다.

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/60sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 14:59:10

내용물은 휴대폰 거치대, 명함꽂이, 데스크 트레이, 연필꽂이, 스탠드형 액자.

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/100sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 14:59:20

전에 머그컵이나 명함도 그랬지만 요즘 환경적인 사회공헌에 많이 신격쓰고 있는듯하다.
이것 역시재활용 종이에 콩기름 인쇄~

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/40sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 15:10:01

그중 지금 쓸만한 액자랑 휴대전화 거치대, 명함꽂이만 조립했다.

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/25sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 15:01:53

요것은 휴대전화 거치대~ 지금은 슈퍼스마트 한 폰으로 바꿨지만 사진은 예전에 찍은거~

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/80sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 15:03:22

요것은 명함꽂이

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/40sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:08:03 15:07:58

요것은 액자.
누군가가 이 사진을 보고 뭔가 짠하다고 했다 ㅋㅋ
솔로 천국~ 커플 지옥~
문구가 생각나는 ㅋㅋ

남은 트레이랑 연필꽂이는 나중에 필요할때 만들거나 해야겠다.
저작자 표시 비영리 동일 조건 변경 허락
신고
Trackback 0 And Comment 4

Eco-Life on Daum, Daum 테이크 아웃 머그

|
며칠전 회사에서 시작된 Eco-Life on Daum 행사를 시작하면서 사내 카페테리아에서 사용하는 종이컵(1일 약 1,000개 사용)을 줄이자는 취지에서 메시지를 위시트리에 걸면 준 머그컵!!

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/50sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:18:27

컵의 이름은 Daum Take-out Mug

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/40sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:18:38

친환경이벤트이니만큼 상자의 글자도 콩기름 잉크로 인쇄되어있다. 이번에 새로 변경된 CI가 적용된 새 디자인의 명함에도 콩기름으로 인쇄되어있다.
명함이 겹쳐서 문질러지면 살짝 번지기는 하지만 이것도 사회공헌이니~ ;)

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/80sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 19:13:44

컵의 바닥에는 Daum의 슬로건을 응용한 문구 'Eco-Life On Daum'

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/60sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:05

종이컵버전하고의 싱크율도 99.99%

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/50sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:24

뜨거운 음료를 마실 수 있도록 슬리브까지!!

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/80sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:34

머그컵 사용 서양 스티커도 있다. 디자인도 이쁘고 ㅋㅋ
전에도 머그컵을 사용하고 있었지만 앞으로도 잘 사용하겠습니다. ^^
저작자 표시 동일 조건 변경 허락
신고
Trackback 0 And Comment 6

Eco-Life on Daum, Daum 테이크 아웃 머그

|
며칠전 회사에서 시작된 Eco-Life on Daum 행사를 시작하면서 사내 카페테리아에서 사용하는 종이컵(1일 약 1,000개 사용)을 줄이자는 취지에서 메시지를 위시트리에 걸면 준 머그컵!!

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/50sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:18:27

컵의 이름은 Daum Take-out Mug

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/40sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:18:38

친환경이벤트이니만큼 상자의 글자도 콩기름 잉크로 인쇄되어있다. 이번에 새로 변경된 CI가 적용된 새 디자인의 명함에도 콩기름으로 인쇄되어있다.
명함이 겹쳐서 문질러지면 살짝 번지기는 하지만 이것도 사회공헌이니~ ;)

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/80sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 19:13:44

컵의 바닥에는 Daum의 슬로건을 응용한 문구 'Eco-Life On Daum'

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/60sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:05

종이컵버전하고의 싱크율도 99.99%

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/50sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:24

뜨거운 음료를 마실 수 있도록 슬리브까지!!

PENTAX Corporation | PENTAX Optio WPi | Pattern | 1/80sec | F/3.3 | 0.00 EV | 6.3mm | ISO-400 | Off Compulsory | 2010:05:20 13:19:34

머그컵 사용 서양 스티커도 있다. 디자인도 이쁘고 ㅋㅋ
전에도 머그컵을 사용하고 있었지만 앞으로도 잘 사용하겠습니다. ^^
저작자 표시 동일 조건 변경 허락
신고
Trackback 0 And Comment 6

위젯팩토리 플러그인 사용법 챕터3 - 위젯 관리!

|
자 이젠 대충 사용법은 알았으니 이번엔 플러그인을 사용해서 위젯 심사요청하는 방법을 알아보겠다.

위젯 보관함에서 '사용자설정 테스트' 위젯의 수정을 누르고 제목을 '사용자설정 웹수정'으로 수정하고, 위젯을 예전에 제출했던 키즈짱 게임 위젯을 테스트용으로 새로 제작해서 웹에서 저장해봤다.
사용자 삽입 이미지
위젯 보관함 목록이 업데이트 되었다.

이제 뷰의 위쪽 아이콘에서 리프레시버튼을 누른다.
사용자 삽입 이미지

수정했던 위젯에 수정됐다는 화살표 모양이 나타나고(CVS와 유사하다.) 웹에서 새로 올린 위젯도 추가로 나타났다.

사용자 삽입 이미지

아이콘 메뉴에서 '위젯 전체 업데이트'를 누르면 저장되지 않은 위젯은 삭제된다는 경고 문구가 나온다. CVS에서 덮어씌우기와 비슷하다.

사용자 삽입 이미지
업데이트되었다는 문구가 나오고 웹에 저장이 안되어있던 '샘플위젯 - 원격 컨텐츠'위젯은 삭제가 되었다.

위젯의 새로추가는 아이콘 메뉴를 이용하면 되겠다.
사용자 삽입 이미지
'새로운 위젯' 아이콘을 누르면 아주 기본적인 위젯코드로 '새로운 위젯'이라는 위젯이 생긴다.

이제 심사요청을 해보자.
사용자 삽입 이미지
심사요청은 팝업메뉴의 '위젯 제출'을 누른다.

사용자 삽입 이미지
심사요청을 하면 수정/삭제가 불가능하다는 문구가 나오고, 수정이 불가능하다는 것을 보이기 위해 제출한 위젯은 글씨가 회색으로 나오고 에디터에서도 코드에 클릭이 불가능하다.
비활성화가 된것이다.

내 이름으로 등록된 위젯은 3개
사용자 삽입 이미지
플러그인 캡쳐화면을 보면 알겠지만 플러그인에는 등록된 위젯은 나타나지 않는다.

대략 기능들은 당연히 웹에서의 위젯관리보다 좋다.
문제는 과연 이클립스라는 개발툴로 위젯을 개발하려는 사람이 얼마나 많을까이다.
Daum의 모바일 페이지도 마찬가지였지만 많은 사람이 사용하지 않을것 같은데도 제작을 한것을 보면 Daum이 소수의 사용자도 고려하는것이 느껴진다.
신고
Trackback 0 And Comment 0

위젯팩토리 플러그인 사용법 챕터2 - 위젯 제작!

|
챕터1에서 플러그인 설치법에 대해 알아봤고 이번엔 위젯제작법에 대해 알아보겠다.

플러그인을 실행했으면 로그인을 하자.
사용자 삽입 이미지

Daum아이디로 로그인을 하면 샘플위젯으로 사용자 설정과 원격컨텐츠 위젯이 샘플로 두개가 자동으로 만들어진다.
둘중 하나를 더블클릭하면 편집기가 열린다.
사용자 삽입 이미지

Code 탭에서는 위젯 코드가 나오고 프로퍼티탭으로 전환하면
사용자 삽입 이미지
데이터 설정 / 위젯 세부정보 / 위젯정보 / 사용자 설정 / 위젯 리소스 현황 섹션이 나오고 미리보기를 누르면 위젯을 바로 실행해볼수도 있다.

사용자 삽입 이미지
위젯 세부정보에 정보를 수정하고 임시저장을 누르면 뷰의 '샘플 위젯 - 사용자 설정'이었던 제목이 '사용자설정 테스트'로 바뀐것을 확인할 수 있다.

탭의 오른쪽에는 위젯코드에서 반영된 부분이 있다.
사용자 삽입 이미지
위젯정보에 '일리있는 이야기'로 'author'를 추가하고 사용자 설정의 'mycolor'에 'Blue' 값도 추가해봤다.

사용자 삽입 이미지
코드에 바로 추가된 것을 확인할 수 있다.

자 이제 수정한 위젯을 웹에 저장해보자.
사용자 삽입 이미지
뷰 위쪽에 있는 아이콘으로 모든 위젯을 한번에 저장할 수도 있지만 목록에서 팝업메뉴로 개별 위젯만 저장도 가능하다. 팝업메뉴에서 위젯 저장을 누르면 위젯 제출 동의서가 나온다.

사용자 삽입 이미지
위젯을 저장하면 이제 리소스파일도 업로드가 가능하다.
Properties 탭에 막혀있던 리소스 파일추가 메뉴가 활성화되고, 파일을 올리면 뷰에 파일목록도 같이 나온다.

이제 저장한 위젯을 웹에서 확인해 보자.
사용자 삽입 이미지

위젯보관함에 가보면 저장한 위젯이 나오고 웹에서도 수정이 가능하다.
저장을 안한 '샘플위젯 - 원격컨텐츠'는 로컬에만 있는 것이기 때문에 나타나지 않는다.

신고
Trackback 0 And Comment 0

위젯팩토리 플러그인 사용법 챕터1 - 설치!

|
얼마전 위젯뱅크에서 위젯팩토리를 개편하고, 위젯팩토리의 위젯을 관리/제작하는 기능을 하는 이클립스 플러그인을 출시했다.
국내 포털에서는 드물게(아마 처음이지 않을까?) 많은 개발자들이 사용하는 개발툴중에 하나인 이클립스 플러그인을 지원했다. 오늘은 이 플러그인의 설치법에 대해서 설명하겠다.

우선 이 플러그인을 사용하려면 이클립스가 필요하겠다.

이클립스 다운로드 사이트에서 가장 기본인 이클립스 클래식을 다운받자
사용자 삽입 이미지

자신에게 맞는 플랫폼을 선택하고,

사용자 삽입 이미지

다운로드 페이지로 들어가면 가장 가까운 다운로드 링크를 기본적으로 보여준다.
역시 국내에서는 Daum커뮤니케이션에서 제공하는 사이트가 제일 빠르다.

사용자 삽입 이미지

다운로드를 받으면(윈도우XP 기준) eclipse-SDK-3.5-win32.zip파일이 받아지고, 이 파일을 현재폴더에 그대로 풀기하면 eclipse란 폴더가 생긴다. 이클립스는 따로 설치가 필요없고 이 폴더안의 eclipse.exe 파일을 실행하면 워크스페이스 선택이 나오고 자신이 작업하고 싶은 폴더를 선택하면 실행이 된다.

사용자 삽입 이미지

플러그인을 사용하기 위해서는 이클립스 업데이트 메뉴를 사용해서 플러그인을 설치한다.
Help > Install New Software를 선택하면 다음과 같은 창이 뜬다.

사용자 삽입 이미지

처음 다운받은 이클립스에는 당연히 위젯뱅크 플러그인 업데이트 사이트가 없을테니 add 버튼을 눌러 Name은 widgetbank나 자신이 원하는 이름을 입력하고, Location은  http://widgetcfs1.daum.net/data/plugins/eclipse입력하고 OK를 누른다.

사용자 삽입 이미지

플러그인 목록에 'There are no categorized item'이란 문구가 써지고 플러그인이 나타나지 않으면 'Group items by category'를 해제하면 Daum Widgetbank Factory Feature가 나타날것이다. 이것을 체크하고 Next를 누르고, 약관동의를 하면 설치가 된다.
그리고 이클립스를 재시작하면 위젯팩토리 플러그인 사용이 가능하다.

사용자 삽입 이미지

재시작이 됐으면 Window > Show view > Other를 누르면 Show View 창이 뜨는데 여기서 Widgetbank Factory디렉토리 밑에 Widgetbank Factory List를 선택하고 OK를 누르면 위젯팩토리 플러그인 뷰가 나타난다.

여기까지 설치 및 실행법에 대해 알아봤고, 다음 포스팅에서 사용법에 대해서 설명하겠다.
신고
Trackback 0 And Comment 5

태극기 휘날리며!!

|
며칠전 위젯뱅크 공식블로그에서 방명록에서 이런글을 봤다.
사용자 삽입 이미지
우리나라 태극기와 관련된 위젯은 없군요..국기를 선택하고 무궁화를 선택하고 등등....혹시 만들어 주실 의향은 없는지요....부탁해요...그럼 이만..

오~ 좋은데~
이 글을 보고 국기 이미지는 올리진 않고, Daum 사전에 있는 이미지를 보여주는 방식으로 몇분만에 뚝딱 제작해서 위젯팩토리에 올리고 심사를 의뢰했다. (일단 프로토타입이라는 것을 알리고~)
긍정적인 피드백을 받고 실제 위젯 제작에 들어갔다.

일단 대상국가는 뽑기 어려워서 세계속의 블로그들도 많으니 세계속의 블로그에 등록된 국가와 남한(대한민국), 북한(조선민주주의인민공화국)을 추가하기로 했다.

페이지를 보면서 국가이름을 일일이 복사해 붙여넣는건 무리!!
국가 코드도 따야하니깐~

사용자 삽입 이미지
그래서 파이어버그로 국가 목록 부분을 찍어보면 국가코드랑 국가명들이 나와있는 html 부분을 얻을 수가 있다.

사용자 삽입 이미지
<li> 목록으로 쭉있고 대륙별로 <div>도 나뉘어져 있어서 저 영역을 한번에 복사하면 모든국가의 코드를 얻을 수 있다.

이렇게 얻은 코드를 바탕으로 국가선택 UserPref에 추가한다.

 <UserPref name="nation" display_name="국가선택" datatype="enum" default_value="KR">
 <EnumValue value="GT" display_value="과테말라" />
 <EnumValue value="GU" display_value="괌" />
 <EnumValue value="GE" display_value="그루지야" />
 <EnumValue value="ZA" display_value="남아프리카 공화국" />
 <EnumValue value="NL" display_value="네덜란드" />
 <EnumValue value="NP" display_value="네팔" />
 <EnumValue value="NO" display_value="노르웨이" />
 <EnumValue value="NZ" display_value="뉴질랜드" />
 <EnumValue value="NC" display_value="뉴칼레도니아" />
 <EnumValue value="NI" display_value="니카라과" />
 <EnumValue value="TW" display_value="대만" />
 <EnumValue value="KR" display_value="대한민국" />
 ...
</UserPref>

실제 소스코드는 뭐 별거없다.

<script type="text/javascript">
 function init() {
  var nation = new gadgets.Prefs().getString('nation');  // 국가 코드 얻어옴
  // 국가선택 사용자 설정이 안되있을 경우엔 기본값으로 대한민국 셋팅
  var url = 'http://widgetcfs1.daum.net/data/widgets/flags/KR.jpg';
  if (nation != null)
   url = 'http://widgetcfs1.daum.net/data/widgets/flags/'+ nation +'.jpg';

   // 국기 div 속에 img 태그 삽입
  _gel('flagArea').innerHTML = '<img src="' + url + '" width="166" border="0" />'
 }

 gadgets.util.registerOnLoadHandler(init); // 위젯로딩시 불리는 함수
</script>

<div id="flagArea"></div><!-- 국기가 들어갈 div -->


사용자 설정의 국가코드 불러와서 그에 맞는 국기 이미지만 div에 삽입하는 방식이다.

이것으로 내 위젯이 3개째 등록이다.
사용자 삽입 이미지
2008/12/29 - [일상/일터] - 톡틴게임 모음 위젯뱅크 등록!!
2009/01/06 - [일상/일터] - 나만의 배너 위젯뱅크 등록!!

등록된지 별로 안됐는데 벌써 100명 가까이나 퍼가셨다. 뭐 물론 사용중인 사람은 그리 많지 않지만 ㅎ

사용자 삽입 이미지

썸네일도 이쁘게 만들어 주셨네~

사용자 삽입 이미지

기본선택은 대한민국으로 되있고 다른 국가들 선택도 가능하다.

내 위젯들이 다들 그렇듯 원리는 참 단순하다.
그 좁은 공간안에서 많은 것들을 할 수 없기때문에 결국 위젯은 아이디어 승부인것!!
다른 회사들이 상업적으로 내논 광고성 위젯들은 플래시 로딩이나 통으로 페이지 긁어오는게 대부분이고 그리 블로그 로딩이나 늦게 만드는 거 같다.

퍼가는 곳은 여기
나만의 배너키즈짱 게임(전 톡틴 게임)위젯도 사랑해 주셔요~

아이디어주신 블로거님께도 감사드립니다~ ㅎ
저작자 표시
신고

'일상 > 일터' 카테고리의 다른 글

위젯팩토리 플러그인 사용법 챕터1 - 설치!  (5) 2009.07.21
태극기 휘날리며!!  (2) 2009.07.14
배너위젯 제작법  (4) 2009.04.15
나만의 배너 설정방법  (60) 2009.01.23
Trackback 0 And Comment 2

배너위젯 제작법

|
위젯뱅크에 등록된지 벌써 한분기가 지났는데 이놈의 귀차니즘때문에 이제야 제작기를 올리게 되네요.

일단 배너위젯에 필요한 설정은 3개이다.


이미지경로, 링크경로, 툴팁으로 띄울 링크이름
이 설정들을 UserPref로 추가한다.
   <UserPref name="img" display_name="이미지경로"
        default_value="http://pimg.daum-img.net/widgetbank/img_banner.gif"/>
  <UserPref name="link" display_name="링크경로"
        default_value="http://widgetbank.daum.net" />
  <UserPref name="tooltip" display_name="링크이름"
        default_value="배너 위젯"/>
셋 다 텍스트 형태라 datatype은 없어도 된다.

이제 컨텐츠 영역을 만든다.
   <script type="text/javascript">
  
   ...
  
   </script>
   <div id="bannerArea"></div>
데이터를 가져와서 html 코드를 만들 script영역과 실제로 배너를 띄울 div만 있으면 된다.

이제 스크립트 코드 차례

   function setBanner() {
     var prefs = new gadgets.Prefs();
     var img = prefs.getString("img");
     var link = prefs.getString("link");
     var tooltip = prefs.getString("tooltip");

     var html = "";
     html += '<a href="' + link + '" target="_blank">';
     html += '<img src="' + img + '" alt="' + tooltip +  '" title="' + tooltip + '" border="0" width="166px" height="64px" /></a>';

     _gel('bannerArea').innerHTML = html;
   } 

배너를 셋팅하는 setBanner 함수를 만든다.
prefs에 사용자 설정을 얻어오는 객체를 생성하고,
img, link, tooltip에 데이터들을 받아온다.
<a> 태그의 href 속성에 link를 셋팅하고,
<img> 태그의 src 속성에는 img를, alt와 title속성에는 tooltip을 셋팅한다.
좀 더 이쁘게 보이도록 border는 0으로 했다.
그리고 위에서 만든 'bannerArea' div에 생성한 html을 집어넣으면 된다.

실제 기능을 하는 녀석들은 끝났고, 이제 위젯이 돌아갈때 이녀석을 부르기만 하면된다.

    gadgets.util.registerOnLoadHandler(setBanner);

setBanner를 실행하라는 구문이다.

이로써 기본적인 기능은 끝이다.
참 쉽죠~ 근데 이게 끝이 아니다.
몇가지 예외상황을 처리해줘야 한다.

이글루스에서는 몇몇 레퍼를 차단하고 있었다.
그래서 혹시나 이글루스에 포스팅된 이미지를 이미지 경로에 집어넣으면 이미지가 로딩이 되지 않고 엑박이 떠버린다.

그래서 이런 경우는 걸러줘야 하겠다.
이글루스의 이미지 파일 경로는 http://pds{서버번호}.egloos.com/pds ... 이런식으로 시작하니 이런 경우는 다른 이미지를 띄워주면 되겠다.

  if (img.search('http://pds.*egloos.com/pds.*')  == 0) {
     img = "http://pimg.daum-img.net/widgetbank/img_error.gif";
  }

img 내용중 'http://pds.*egloos.com/pds.* 이런 녀석이 있으면 이미지 로딩 배너로 주소를 재설정해준다.

이글루스의 포스팅 이미지로 이미지 경로를 세팅한경우 이미지 로딩 에러 배너가 나타나고 있다.

문제가 하나 더 생겼다. 일부 사용자들의 경우 http://를 입력하지 않는 경우가 있다.
그래서 그냥 주소만 입력한 경우에는 어휴~
이렇게 링크도 깨지고 이미지도 엑박이 뜬다.

http://로 시작하지 않는 경우는 앞에 http://를 붙여줘야 한다.

   if (link.substr(0, 7) != 'http://') {
      link = "http://" + link;
   }
   if (img.substr(0, 7) != 'http://') {
      img = "http://" + img;
   }

link와 img의 값의 처음 7자리가 http://가 아니면 앞에 http://를 붙여주는 부분이다.
완벽한 수행은 못하겠지만 대부분의 사용자 설정 오류를 잡아줄 것이다.

아래는 완성된 위젯코드

츠암~ 쉽죠잉~
저작자 표시 동일 조건 변경 허락
신고

'일상 > 일터' 카테고리의 다른 글

태극기 휘날리며!!  (2) 2009.07.14
배너위젯 제작법  (4) 2009.04.15
나만의 배너 설정방법  (60) 2009.01.23
톡틴게임 모음 위젯 제작기 Ver. 0.1  (0) 2009.01.06
Trackback 0 And Comment 4

나만의 배너 설정방법

|
나만의 배너 위젯을 설정법을 많이들 모르는거 같아서 포스팅합니다.
간혹 돌아다니다가 나만의 배너 위젯에 기본 이미지가 걸려있는 걸 보면 마음이 아파서 ㅡㅜ




기본 설정화면입니다.
보시다시피 기본이미지와 경로가 셋팅되어 있습니다.

일단 자신의 배너를 적용하려면 배너먼저 제작해야겠죠? 가로 166px, 세로 64px 사이즈로 제작을 합니다. 그리고 주소를 따기위해 어딘가에 올립니다.



저는 제 블로그에 비공개로 포스팅을 했습니다. 뭐 공개로 해도 상관없구요.




글 내용이 보이는 곳에가서 배너 이미지의 주소를 복사합니다.



이제 다시 위젯뱅크 색션에 가서 이미지경로에는 아까 복사한 주소를 붙여넣고, 눌렀을때 이동할 링크경로와 마우스를 가져갔을때 뜨게할 링크이름을 입력합니다.

그리고 퍼가기를 누르면 됩니다.



나만의 위젯이 적용됨 모습입니다.

참 쉽죠?
신고

'일상 > 일터' 카테고리의 다른 글

배너위젯 제작법  (4) 2009.04.15
나만의 배너 설정방법  (60) 2009.01.23
톡틴게임 모음 위젯 제작기 Ver. 0.1  (0) 2009.01.06
나만의 배너 위젯뱅크 등록!!  (4) 2009.01.06
Trackback 0 And Comment 60

톡틴게임 모음 위젯 제작기 Ver. 0.1

|
처음에 톡틴게임 위젯은 초 허접이었다.
api도 없이 게임 url을 일일이 긁어서 붙인 코드

 <?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="톡틴게임"
  title_url="http://tocteen.daum.net/game/"
  author="일리있는 이야기"
  author_email="37.2@hanmail.net"
  width="166"
  height="125">
   <Require feature="tabs" />
</ModulePrefs>

위젯에 대한 명세이다.
여기서 그나마 좀 모듈을 사용한 것은 shindig에서 제공하는 탭기능이었다.
게임의 장르가 여러개여서 여기서 제공하는 탭으로 분할했다.(역시 기본 UI는 이쁘지가 않다)

이 밑으로 실제 위젯 코드가 들어간다.

 <Content type="html">
<![CDATA[
...
  // 소스코드
...
  ]]>
</Content>
</Module>

코드를 입력하고 닫는 부분까지 ..

이제부터 코드설명 들어갑니다.

     <style type="text/css">
   .gameList { padding: 5px 5px 0 5px; width:166px; }
   .gameList a {
       font-family: 굴림, gulim, sans-serif;
       font-size: 11px;
       font-weight: normal;
       text-decoration:none;
   }
   .gameTail { padding: 5px 5px 0 5px; width:166px; }
   .ssmoren {
       color:#0307C3;
       text-decoration:none;
       font:11px "돋움",dotum;
       letter-spacing:-1;
   }
   .moreBlit  {vertical-align:1px; }
   .g_tit {color:#7a7a7a;font-size:12px;}
   </style>


아무리 초기버전이라지만 약간의 UI는 가져가야하지 않겐나~ ㅎㅎ
더보기 버튼과 게임 제공처 링크 부분의 UI입니다.

우선 게임 영역으로 지정할 4개의 div를 지정합니다.

     <div id="actionDiv" style="display:none" class="gameList">
       <table><tr>
           <td><a href="javascript:openGamePopup('451')">메탈슬러그3</a></td>
           <td><a href="javascript:openGamePopup('3275')">메이플스토리</a></td>
       </tr><tr>
           <td><a href="javascript:openGamePopup('5')">천공대전</a></td>
           <td><a href="javascript:openGamePopup('23')">라이덴X</a></td>
       </tr><tr>
           <td><a href="javascript:openGamePopup('1346')">챔피온</a></td>
           <td><a href="javascript:openGamePopup('408')">마리오 리믹스</a></td>
       </tr><tr>
           <td><a href="javascript:openGamePopup('90')">파워레인져</a></td>
           <td><a href="javascript:openGamePopup('1215')">드래곤볼Z</a></td>
       </tr></table>
   </div>


이런식으로 테이블에 게임과 게임 팝업을 띄우는 링크를 걸어놓고 'actionDiv', 'arcadeDiv', 'sportsDiv', 'comicDiv' 내게의 영역을 만들어 놓습니다.

마지막에는 게임제공처와 더보기 링크를 표시합니다.

     <div class="gameTail">
       <span style="margin-top:12px;text-align:right;padding-right:4px;" class="g_tit">
           [제공 : 주전자닷컴]
       </span>
       <span>
           <a href="http://tocteen.daum.net/game" class="ssmoren" target="blank">더보기</a>
           <img src="http://imgsrc.search.daum-img.net/search_all/icon/more_arrow.gif" width="6" height="5" class="moreBlit">
       </span>
   </div>


이부분은 위쪽에 게임 장르 탭이 변하더라도 변하지 않는 정적인 부분입니다.


이제 스크립트 설명 들어갑니다.

     <script type="text/javascript">
   var tabs = new gadgets.TabSet(__MODULE_ID__);
   // 탭을 생성하는 함수
   function initTab() {
           tabs.addTab("액션", {
               contentContainer: document.getElementById("actionDiv")
           });
           tabs.addTab("오락", {
               contentContainer: document.getElementById("arcadeDiv")
           });
           tabs.addTab("경기", {
               contentContainer: document.getElementById("sportsDiv")
           });
           tabs.addTab("코믹", {
               contentContainer: document.getElementById("comicDiv")
           });
   }

    //게임플레이 팝업
   function openGamePopup(gameId){
       window.open(
           'http://tocteen.daum.net/game/game/view/gamePopup.html?popurl=http://zuzunza.joins.com/daum/player.html?game_id=' + gameId, '',
           'width=960,height=720,scrollbars=no,resizable no'
       );
   }

    gadgets.util.registerOnLoadHandler(initTab);
   </script>


tabs에 탭기능을 사용하겠다고 정의를 합니다.
initTab 함수는 장르별 게임탭을 지정합니다. 위에서 정의해놨던 'actionDiv', 'arcadeDiv', 'sportsDiv', 'comicDiv' 영역들을 매칭시킵니다.

openGamePopup 함수는 gameId에 맞게 게임팝업창을 띄워줍니다.
위젯이 로딩되었을때 initTab가 실행되어야 하므로 registerOnLoadHandler로 실행시켜줍니다.



허접한 게임모음 위젯의 완성입니다.
다음에는 좀 업그레이드되서 API를 사용한 톡틴게임 위젯 제작기를 올리겠습니다.
0.1버전 톡틴게임 xml도 첨부합니다.

090106_톡틴게임V01.xml

톡틴게임 위젯 버전 0.1 XML 소스

저작자 표시
신고

'일상 > 일터' 카테고리의 다른 글

나만의 배너 설정방법  (60) 2009.01.23
톡틴게임 모음 위젯 제작기 Ver. 0.1  (0) 2009.01.06
나만의 배너 위젯뱅크 등록!!  (4) 2009.01.06
톡틴게임 모음 위젯뱅크 등록!!  (2) 2008.12.29
Trackback 0 And Comment 0
prev | 1 | 2 | 3 | next