사용자 삽입 이미지

녹스퀘스트님의 '위젯이 동작하지 않는다'는 댓글을 보고 확인해 보니,
이전에 올린 위젯이 현재 맥 OS X에서 동작을 하지 않아 수정하여 다시 올립니다. 대쉬보드를 거의 사용하지 않았더니 언제부터 동작하지 않았는지는 잘 모르겠습니다.

올블로그의 RSS는 변경된 것 같지 않고 확실하지는 않지만 아마 OS X에서 보안 관련 패치가 되면서 동작하지 않은 것 같습니다. 방식을 변경해서 동작하도록 만들어서 다시 업로드 합니다. 필요하신 분들은 다시 설치 하셔야 할 것 같습니다. 아래의 파일을 다운로드 받으신 후에 압축을 푸시고 위젯 아이콘을 더블클릭하시면 다시 설치됩니다. 불편을 드려 죄송합니다.

'습작 소프트웨어' 카테고리의 다른 글

광고 차단툴 - AntiAD  (7) 2008.04.18
파일명 일괄 변환 툴  (2) 2008.04.11
맥 OS X용 올블로그 실시간 인기글 위젯 수정본  (2) 2008.02.26
티돌이(티스토리 알리미) 윈도우 버젼  (4) 2008.02.06
티돌이 1.0B  (24) 2008.01.07
티돌이 0.7B  (2) 2007.11.08
모든 댓글을 환영합니다. (욕설과 광고는 삭제합니다.)
  1. 녹스퀘스트 2008.02.27 12:57  댓글주소  수정/삭제  댓글쓰기

    바로 수정본 올려주셧네요.^^ 감사히 사용하겠습니다.
    열심히 공부해서 찾아뵙겠습니다.ㅎㅎ



현재(2008.02.26) OS X에서 동작하지 않아 수정하여 다시 올렸습니다. 여기서 다운로드 받으셔서 사용해 주세요.


사용자 삽입 이미지
올블로그에 종종 놀러 가다가 문득 위젯이 있으면 좋을 것 같아 만들어 보았습니다.

대쉬코드로 만들려고 실행을 했더니 베타가 익스파이어드 되었다고 실행이 안되네요.  그래서 그냥(?) 대충 만들어서 설정 부분이나 모양이 안좋습니다.
 
아래와 같이 10개의 오늘의 추천글을 보여 주며, 제목을 클릭하면 해당 포스트로 연결됩니다.
사용자 삽입 이미지

설정은 간단합니다. 올블로그로 부터 데이터를 확인하는 시간(간격) 설정과 올블로그 링크를 삭제(올블로그 툴바가 안 나옵니다)하고 링크하는 옵션이 있습니다.
사용자 삽입 이미지

아래의 파일을 다운로드 받으셔서 클릭하시고 설치하시면 됩니다.

모든 댓글을 환영합니다. (욕설과 광고는 삭제합니다.)
  1. Favicon of http://masquera.net BlogIcon reed 2007.10.15 12:47  댓글주소  수정/삭제  댓글쓰기

    와 감사합니다 :D 위젯도 귀엽고 괜찮네용~ 잘쓸게욧!

  2. Favicon of http://monoeyes.com BlogIcon 쏭군 2007.10.15 13:42  댓글주소  수정/삭제  댓글쓰기

    구오오 멋집니다 (ㅠ_ㅠ)b

  3. Favicon of http://cyworld.com/gollum BlogIcon 골룸 2007.10.15 13:59  댓글주소  수정/삭제  댓글쓰기

    오오오...감사합니다.

  4. Favicon of http://taizyeris.tistory.com BlogIcon ERIS 2007.10.15 14:05 신고  댓글주소  수정/삭제  댓글쓰기

    이런 위젯이 있었다니...
    감사합니다. -^)/

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2007.10.15 14:07 신고  댓글주소  수정/삭제

      전에 만들어 놓은 네이버 실시간 인기글 위젯을 변형하여 오늘 오전에 급조해 만들어 보았습니다. 올블에 자주 가는데 왜 오늘에서야 이런 생각이 났는지 모르겠네요. ^^;

  5. Favicon of http://ceo.blogcocktail.com BlogIcon 하늘이 2007.10.15 14:08  댓글주소  수정/삭제  댓글쓰기

    그렇지 않아도 언제 취미 삼아 코코아에서 개발 한번 해보겠다고 토튜리얼 보고 열심히 따라하고 있었는데, 이런 위젯까지 보다니...ㅠ_ㅜ)=b 감사합니다. 잘 쓰겠습니다.

  6. Favicon of http://intlogs.net BlogIcon 인트 2007.10.15 16:31  댓글주소  수정/삭제  댓글쓰기

    와 정말 좋은 위젯이네요!
    저도 얼른 다운로드 받아서 사용해야겠습니다-
    정말정말 감사해요 :)

    • Favicon of http://intlogs.net BlogIcon 인트 2007.10.15 16:35  댓글주소  수정/삭제

      흑...... 이거 윈도우에서는 안되는건가요?;;;
      음...... 지식이 별로 없어서 잘 모르겠네요;;

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2007.10.15 16:47 신고  댓글주소  수정/삭제

      이 위젯은 맥 전용입니다. 제목에서 "맥용"을 넣었야 했는데 미처 생각지 못했네요. 수정하겠습니다. 혼란을 드려 죄송합니다.

  7. Favicon of http://hazedic.org BlogIcon h4z3dic 2007.10.16 12:02  댓글주소  수정/삭제  댓글쓰기

    우~~ 멋집니다 ㅎㅎ

  8. Favicon of http://offree.net/ BlogIcon 도아 2007.10.19 15:17  댓글주소  수정/삭제  댓글쓰기

    디자인이 상당히 멋지군요. 저는 맥을 사용하지 않지만요.

    제 블로그에 답글을 달아 주신 분들(http://offree.net/entry/Greetings-Reply )을 순회하고 있습니다. 소중한 댓글 감사합니다.

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2007.10.19 15:35 신고  댓글주소  수정/삭제

      도아님 반갑습니다. ^^

      가서 보았는데 대단하시네요. 댓글을 달아 주신 그 많은 분들의 블로그를 다 돌아 보시다니요. 저는 겨우 하나 작성했는데 이렇게 방문해 주시니 감사합니다. ^^

      저는 댓글 수가 적으니 달리기만 한면 들러 보는데, 나중에 저도 다시 한번 댓글 달아주신 분들의 블로그를 방문 해보아야 겠네요.

  9. Favicon of http://ninetail.ivyro.net BlogIcon 나인테일 2007.11.06 20:05  댓글주소  수정/삭제  댓글쓰기

    좋은 위젯 감사히 사용하겠습니다. 아, 네이버 카페 '맥북을 쓰는 사람들'에 이 블로그를 소개하면서이 위젯도 같이 자료실에 올려볼까 합니다만 괜찮을까요?

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2007.11.06 20:41 신고  댓글주소  수정/삭제

      출처만 밝히시면 자유롭게 배포하셔도 됩니다.

      다만 저도 쓰고 있지만 몇 일 컴퓨터를 끄지않고 사용했을 때, 자료를 못가지고 오는 경우가 있었습니다. 그럴 땐 다시 설정하면 되는데요. 언제 한번 살펴 볼려고 마음 먹고 있는데, 치명적(?)이지가 않아서 아직까지 그냥 쓰고 있습니다. ^^;;

  10. 녹스퀘스트 2008.02.26 14:33  댓글주소  수정/삭제  댓글쓰기

    안녕하세요? 우연히 이곳을 들려서 좋은 정보 많이 얻고가는 학생입니다.

    제가 프로그래밍에 관심이 많아서 여기 불로그내용들이 재미있고 유익하네요..

    아직 c밖에 공부하지 않아서 이곳 글들이 충분히 이해되지 않지만 처음엔 다 그렇겟죠?

    아.. 다름이 아니라 여기 있는 맥용 위젯으로 불로그 인기글을 볼려는데 위젯은 설치했는데
    위젯에서 자료를 못 가지고 오고 있네요.. 방법이 없을까요? 설정해보고 했는데 잘 모르겠네요

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2008.02.26 15:31 신고  댓글주소  수정/삭제

      안녕하세요. 반갑습니다. ^^

      조금씩 공부하시면 곧 여기 있는 내용들은 쉽게 이해하실 수 있으실 것 같습니다.

      요즘 사용하지 않고 있는데 사용해보니 말씀하신대로 위젯이 동작하지 않네요. 올블로그에서 바뀐 것 같지 않고 OS X가 업그레이드 되면서 무엇인가 변경된 것 같습니다. 현재 수정을 완료했고 잠시 써본 후 이상이 없으면 다시 올려 놓겠습니다.

      방문해 주셔서 좋은 말씀 감사합니다.



얼마전 애플에서 공개된 위젯 개발툴인 Dashcode를 다운 받고, 이제서야 실행을 해 보았습니다.

하지만 OS X를 10.4.10으로 버젼업 때문인지, 아니면 Dashcode의 영향인지 PPC  iMac에선 매우 불안정한 모습을 보이고 있습니다. Dashcode가 이유없이 다운된다던지, 응용프로그램 사용 중에 바람개비가 자주 나타납니다.

그 외에 Dashcode에서 타이틀 등에 한글을 사용하면 오동작을 하였습니다. 이 것도 지금 사용중인 제 맥만 그런 것인지 Dashcode 오류인지는 확인하지 못했습니다.

1. Dashcode 둘러보기

1) 다운로드 및 설치

Dashcode는 현재 베타 버젼으로 애플 ADC 홈페이지에서 다운로드 받을 수 있습니다. Xcode와 마찬가지로  ADC 회원만 다운로드 받을 수 있습니다.

사용자 삽입 이미지
설치를 완료하면 실행파일은  /Developer/Applications/ 에 위치 합니다. 좌측과 같이  Xcode와 유사한 Dashcode의 아이콘을 발견할 수 있습니다.



2) 실행

Dashcode를 실행하면, 아래와 같이 제공하는 템플릿들과 시작할 수 있는 윈도우가 나옵니다. 일반적인 위젯을 만들기 위해 Custom을 선택 합니다.
사용자 삽입 이미지


3) 둘러보기

사용자 삽입 이미지

Attribute
현재 선택된 오브젝트들의 속성과 이벤트를 설정할 수 있는 윈도우 입니다.
 
Library
사용가능한 UI,  텍스트, 이미지, 동영상등을 가지고 있는 팔레트 입니다. 이 곳에서 원하는 오브젝트를 드래그 해서, 위젯에 배치 합니다.

Main 윈도우
좌측에는 위젯에 사용된 오브젝트들의 목록이 있습니다. front는 일반적으로 보는 위젯의 앞면이며, back은 옵션을 설정을 하는 위젯의 뒷면입니다.

그 밑에는 위젯의 속성, 기본 이미지, 아이콘을 설정할 수 있는 버튼들이 있습니다.

사용자 삽입 이미지
하단에는 Workflow Steps 가 위치해 있으며, 위젯을 제작하는 작업이 순서대로 나와 있습니다.

좌측과 같은 순서로 위젯을 만들어 나가면 됩니다. 항목을 클릭하면 각각의 세부 작업을 확인할 수 있습니다.



 
2. 바이오리듬 위젯 제작

이제 간단하게 바이오리듬을 대충 만들어 보겠습니다. 이 예제는 Dashcode의 개략적인 사용법을 위한 예제입니다. 바이오리듬 계산 방법은 이 전에 다른 언어로 작성되어 있었던 소스를 자바스크립트로 변경하였습니다. 변경 후 정확한 값이 출력되는지는 확인하지 않았습니다.

우선 메뉴의 File/Save에서 ZBiorhythm으로 프로젝트를 저장하고 시작합니다. 프로젝트명은 개인의 취향대로 변경하시면 됩니다.


1) Front 화면 설정

기본으로 생성되어 있는 Hello World! 텍스트를 삭제합니다. 라이브러리 윈도우의 Parts 항목에서 canvas를 끌어다 아래와 같이 배치 합니다.
사용자 삽입 이미지

사용자 삽입 이미지
canvas 속성에서 크기를 180 X 120으로 설정합니다. 속성창은 오브젝트가 선택된 상태에서 상단의 [inspector] 버튼을 클릭하거나, 키보드에서 [option + command + i]를 같이 누르시면 됩니다.



사용자 삽입 이미지
이제 라이브러리 윈도우에서 텍스트를 위젯의 상단에 배치 합니다. 텍스트를 더블클릭하여 위젯의 이름을 입력합니다. 저는 위와 같이 ZBiorhythm이라고 이름 지었습니다.

사용자 삽입 이미지
그 다음 속성창에서 텍스트의 속성을 설정합니다. Style을 Bold로, Size는 12pt로 설정하였습니다. 타이틀, 스타일, 색상, 크기 등은 취향대로 선택하시면 됩니다.





사용자 삽입 이미지
Library Parts에서 텍스트를 세개 더 드래그해서 아래와 같이 배치 합니다. 위와 같이 해당 텍스트를 더블클릭하면 텍스트를 변경할 수 있습니다.

각각 Physical, Sensibility, Intellectual이라고 입력하고, 속성창에서 색상을 blue, red, green으로 지정해 줍니다. (처음에 말씀드린 것과 같이 한글을 입력하면 오류가 나서, 영문으로 하였습니다.)


Library Parts에서 Text Field를 세개 가지고 와서 좌측과 같이 배치하고, 크기를 조절합니다.  아래와 같이 속성창에서 ID를 위에서 부터 각각 bio0, bio1, bio2로 설정합니다.
사용자 삽입 이미지


2) Back 화면 설정

이제 좌측 오브젝트 목록에서 back을 클릭하여, 옵션을 설정할 수 있는 위젯의 뒷면을 만들어 보겠습니다. 라이브러리에서 텍스트 필드를 드래그로 back 화면으로 가지고 옵니다. Birthday로 타이틀을 변경하고, 잘 보일 수 있도록 속성창에서 색상을 white로 변경합니다.

그 하단에 세개의 텍스트 필드(Text Field)를 배치하여, 바이오리듬 계산을 위해 사용자의 생년월일을 입력 받도록 합니다. 첫번째 텍스트 필드부터 속성창의 ID를 각각 b_year, b_month, b_day로 설정합니다.
사용자 삽입 이미지

이제 Workflow Steps의 Lay out interface에 해당하는 작업을 완료하였습니다. 그 하단의 Add handlers & code 작업을 해보겠습니다.

3) 소스코드 작성

좌측 Workflow Steps 항목에서 Add handlers & code를 클릭하면 나타나는 Source code editor 왼쪽의 삼각형 아이콘을 클릭합니다. 아래와 같이 우측 하단에 소스창이 나옵니다.
사용자 삽입 이미지

현재 소스가 ZBiorhythm.js 임을 확인하시고, 아래의 내용을 상단에 입력합니다. 제목 그대로 Dashcode 맛보기 이므로, 자세한 설명 없이 간단한 주석으로 대체하겠습니다.
/***
* MyCode
**/
var MAX_TYPE = 3;  // 신체, 감성, 지성의 분류 갯수 설정
var PI = 3.14159;  // 바이오리듬 계산을 위한 원주율
var TDV = (60*60*24*1000); // 밀리세컨드(1/1000초)를 일로 환산하기 위한 값

var curDate = new Date(); // 오늘 날짜
var startDate = new Date(curDate.getYear(), curDate.getMonth(), 1); // 출력 시작일
var birthDate = new Date(); // 사용자 생년월일

/** bio_info - 바이오리듬 계산과 출력을 위한 정보
    23, 28, 33 -> 각각의 바이오리듬을 계산할 값
    ble, red, green -> 출력 색상
*/
var bio_info = new Array(MAX_TYPE);

bio_info[0] = new Array(23, "blue");
bio_info[1] = new Array(28, "red");
bio_info[2] = new Array(33, "green");

/*
바이오리듬 타입에 맞추어, 한달 치 배열값(해당 바이오리듬 값)을 반환한다.
idx -> 바이오리듬 타입 0-신체, 1- 감성, 2-지성
*/
function getBioData(idx)
{
    var data = new Array(31);

    var c_days = startDate.getTime()/TDV;
    var b_days = birthDate.getTime()/TDV;
    
    var cc = bio_info[idx][0];
    for(i = 0; i <= 30; i++)
    {
        var gab = c_days - b_days;
       
        var p = parseInt(Math.sin((gab/cc) * 2 * PI) * 100);
        data[i] = p;
       
        c_days++;
    }
    
    return data;
}

/** 바이오 리듬 출력 */
function showGraph()
{
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    
    context.lineWidth = 1.0;
    context.shadowBlur = 1;

    // 가로 기준선 출력    
    context.strokeStyle = "7f7f7f";
    context.moveTo(0, 60);
    context.lineTo(180, 60);
    context.stroke();

    // 세로 기준선 출력
    context.strokeStyle = "#efefef";
    for(i = 0; i <= 30; i++)
    {
        context.moveTo(i*6, 0);
        context.lineTo(i*6, 120);
       
        // 오늘 날짜일 경우에는 짙은 색으로 출력
        if(i == curDate.getDate() - 1)
            context.strokeStyle = "7f7f7f";

        context.stroke();
        if(i == curDate.getDate() - 1)
            context.strokeStyle = "#efefef";
    }
    
    // 바이오 리듬 출력
    context.lineWidth = 1.0;
    context.shadowBlur = 3;
    for(k = 0; k < MAX_TYPE; k++)
    {
        var data = getBioData(k);
        context.strokeStyle = bio_info[k][1];
        for(i = 0; i <= 30; i++)
        {
            context.moveTo(i * 6, (100 - data[i])/2 + 10);
            context.lineTo((i + 1) * 6, (100 - data[i+1])/2 + 10);
       
            context.stroke();
           
            // 오늘 날짜일 경우에는 입력창에 각각의 바이오리듬 값을 출력
            if(i == curDate.getDate() - 1)
            {
                document.getElementById("bio" + k).value = data[i];
            }
        }    
    }    
}

/* 사용자 생년월일을 세팅하고, 저장된 생년월일이 없으면 false를 반환한다. */
function setBirthDay()
{
    if(window.widget)
    {
        if(widget.preferenceForKey("b_day"))
        {
            birthDate.setYear(widget.preferenceForKey("b_year"));
            birthDate.setMonth(widget.preferenceForKey("b_month"));
            birthDate.setDate(widget.preferenceForKey("b_day"));
       
            return true;
        }
    }
    return false;
}

Dashcode가 생성해 준 소스에서 아래의 내용을 추가합니다.
function load()
{
    setupParts();
   
    // 사용자가 설정을 하지 않았을 경우, 설정창(back)으로 간다.
    if(setBirthDay() == false)
    {
        showBack(null);   
    }
}

function show()
{
    // your widget has just been shown.  restart any timers
    // and adjust your interface as needed
    showGraph();
}

function showBack(event)
{
    // your widget needs to show the back

    var front = document.getElementById("front");
    var back = document.getElementById("back");

    if (window.widget)
        widget.prepareForTransition("ToBack");

    front.style.display="none";
    back.style.display="block";
   
    if (window.widget)
    {
        setTimeout('widget.performTransition();', 0);
       
        /** 저장된 값이 있으면, 옵션의 입력필드에 설정 한다. */
        document.getElementById("b_year").value = widget.preferenceForKey("b_year");
        document.getElementById("b_month").value = widget.preferenceForKey("b_month");
        document.getElementById("b_day").value = widget.preferenceForKey("b_day");
    }
}

function showFront(event)
{
    // your widget needs to show the front

    var front = document.getElementById("front");
    var back = document.getElementById("back");

    if (window.widget)
        widget.prepareForTransition("ToFront");

    front.style.display="block";
    back.style.display="none";
   
    if (window.widget)
    {
        setTimeout('widget.performTransition();', 0);
   
        /** 사용자의 입력을 저장한다. */
        var b_year = document.getElementById("b_year").value;
        var b_month = document.getElementById("b_month").value;
        var b_day = document.getElementById("b_day").value;
       
        widget.setPreferenceForKey(b_year, "b_year");
        widget.setPreferenceForKey(b_month, "b_month");
        widget.setPreferenceForKey(b_day, "b_day");
    }
    /** 그래프를 출력한다. */
    showGraph();
}

사용자 삽입 이미지
이제 Add handlers & code까지 작업을 완료하였습니다. 작업이 완료 되면 좌측의 Workflow Steps에서 해당 항목의 [Make as Done]을 클릭하면 완료된 작업으로 표시됩니다.

현재 어디까지 작업이 되어 있는지 확인할 수 있습니다. 취소는 [Make as Not Done]을 클릭하시면 됩니다.


4)  위젯 설치 및 실행

다음은 Set attributes 작업입니다.  여기선 변경없이 기본설정 사항을 사용하겠습니다. Attributes 버튼을 클릭하시면, 설정사항을 확인할 수 있습니다.

다음은 Preview default image 입니다. default image는 위젯이 처음 로딩될  때나, 설치 확인 시 나오는 이미지 입니다. 다음은 아이콘 설정인데 이역시 모두 생략하겠습니다.

사용자 삽입 이미지
이제 위젯을 사용해 보도록 하겠습니다. 메뉴에서 File을 클릭하면 좌측과 같이 Deploy Widget... 메뉴가 있습니다. 이 메뉴는 작성한 위젯을 위젯 포맷에 맞추어 저장하여 줍니다. 저장된 위젯(디렉토리)을 압축하여 배포하시면 됩니다.

다음의 Deploy Widget to Dashboard... 는  위젯을 지금 사용중인 컴퓨터에 설치하여 줍니다.




Deploy Widget to Dashboard... 로 제 컴퓨터에서 실행해 본 모습니다. 역시 급조한 만큼 눈에 거슬리는 부분이 많이 있습니다.
사용자 삽입 이미지사용자 삽입 이미지

사용자 삽입 이미지
대쉬보드 설정화면에서 하단을 보면, 좌측과 같이 ZBiorhythm의 아이콘이 보입니다. 아이콘을 설정을 하지 않았기 때문에 빈 아이콘으로 보입니다.

 


3. ToDo...
제가 Dashcode를 테스트 삼아 처음 사용해 보면서, 작업한 내역을 그대로 올렸기 때문에 실제 사용 시에는 문제가 작성될 수 있습니다. 아래의 몇 가지 사항들만 추가하면 실제로 사용할 수 있을 것 입니다.

1. 버그 확인 및 수정
버그 테스트 없이 한번 실행해 보고 올리는 것이라, 오류가 있을 수 있습니다.

2. 바이오리듬 데이터 확인
이전에 언급한대로 다른 언어로 되어 있는 내용을 옮겼기 때문에, 옮기는 중간에 오류가 있을 수도 있습니다.

3. 사용자 입력 확인
사용자 생일을 입력시, 숫자인지, 유효한 날짜인지, 모두 입력하였는지 확인하는 소스를 추가 합니다. Dashcode에서 Run할 때 랑 실제 위젯에서 입력창의 크기가 틀렸습니다. 역시 수정하지 않았습니다.

4. 그래프 디자인 변경
그래프 배경이나 바이오리듬 곡선등의 색상이나 바탕색, width 및 기타 설정 등을 조절합니다.

5. 날짜 변경
front에서 년월을  선택할 수 있도록 합니다.

이상 간단하게 둘러보기를 마치겠습니다. 저도 더 많이 사용해 보고, 어느 정도 알게되면 맛보기란 제목이 아닌 사용하기란 제목으로 다시 한번 제대로 된 위젯을 작성해 보겠습니다.
 
모든 댓글을 환영합니다. (욕설과 광고는 삭제합니다.)
  1. 2007.08.01 12:02  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  2. 2007.08.01 12:04  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  3. Favicon of http://kharus.ooci.net BlogIcon Kharus 2007.08.05 19:10  댓글주소  수정/삭제  댓글쓰기

    하도 초보라 질문드립니다.

    저 코드는 무슨 언어입니까?
    C ? Obj-C? Cocoa?

    • Favicon of https://www.cocoadev.co.kr BlogIcon cocoadev 2007.08.05 20:10 신고  댓글주소  수정/삭제

      웹 프로그래밍에서 사용되는 자바스크립트(JavaScript)입니다. 위의 소스와 같이 *.js 파일로 따로 만들어서 인클루드 시키거나, HTML에서 직접 사용할 수 있습니다.

      검색 사이트에서 자바스크립트로 검색해 보시면, 많은 자료들을 확인하실 수 있습니다.

  4. 2007.10.12 14:47  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  5. 2010.03.28 15:32  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다




사용자 삽입 이미지
네이버의 오픈 API를 사용해서 만든 네이버의 실시간 인기 검색어를 가져 오는 위젯입니다. 
 
사용하실려면 네이버로 부터 발급 받은 오픈 API 키가 필요합니다. 제 것으로 하면 편한데 쿼리를 하루에 5,000건 밖에 할 수가 없어, 사용자 별로 입력해서 사용하도록 했습니다.

먼저 네이버 OpenAPI사이트에서 이용키를 발급 받은 후 사용하셔야 합니다. 이용키는 아래와 같은 형태 입니다. 아래의 키는 유효하지 않습니다.

a49c1684d414922aac522ea812e02a0b

처음 실행하면 키를 입력하는 창이 나오는데, 이 곳에서 발급 받은 키를 복사해서 넣으시면 됩니다. 5초마다 번갈아 가며, 인물/영화/도서/게임/TV 드라마/TV 오락프로/공연의 인기 검색어를 보여 줍니다.

급조해서 만든거라 허술한데, 시간이나면 기능이나 디자인을 신경써서 다시 한번 작업해 봐야 겠습니다.  혹시 오류가 있으면  댓글로 알려 주시면, 수정해서 올리겠습니다.
모든 댓글을 환영합니다. (욕설과 광고는 삭제합니다.)