릿드의 하츠네 미쿠

예전에 써놨던 글들이 묻히는게 아깝다는 생각을 블로거들이라면 누구나 해봤을 거라고 생각합니다. 저도 역시 이러한 생각을 품었고 클릭하면 랜덤하게 포스트를 출력하는 메뉴가 있으면 좋겠다는 생각을 해왔습니다.

니코동에 자바스크립트로 게임을 만들자는 강좌가 있더군요. 쉽고 재밌게 기초부터 가르쳐주는 멋진 강좌입니다^^ㅋ 도중에 난수를 생성하는 명령어를 가르쳐주는데 저는 이걸 응용해서 랜덤 포스트 기능 만들기 시도. 포스트 페이지에 번호가 매겨져 있으니 난수를 생성시켜서 도메인 주소에 삽입하는 원리죠. 하지만 a href 태그와 자바 스크립트를 어떻게 연결시켜야 되는지 몰라서 제법 해맸습니다(...).

어쨌든 결국에는 성공했습니다+_+ 지금 오른쪽에 공지사항 위에 있는 랜덤 포스트를 클릭하면 랜덤하게 포스트가 뜹니다^^

아래는 태그 소스와 간단한 해설입니다.

<script>
negi=Math.floor(Math.random()*168)+1
function ridd(miku){
location.href=miku+negi
}
</script>
<a href="javascript:ridd('http://ridd.tistory.com/?page=');">♬ 랜덤 포스트 ♬</a>


먼저 script 태그로 자바스크립트가 시작된다는 것을 알립니다.

그다음 난수 생성 명령을 negi 변수에 저장시킵니다. 숫자 두개가 중요한데요, 초록색 숫자는 난수의 최대값-최소값+1을 의미하고 빨간색 숫자는 최소값을 의미합니다. 제 블로그 페이지가 이 포스트를 포함해서 168페이지까지 있으니 위와같이 적었습니다.

다음으로 함수를 넣어줬는데요. 함수명은 ridd로 하고 괄호 안에 miku라는 파라미터(매개변수)를 집어넣었습니다. 함수 내용은 miku 파라미터 뒤에 난수를 붙이는 것입니다. 난수의 변수가 negi이므로 miku+negi.

script 태그 닫기.

남은 한줄은 하이퍼텍스트 태그입니다. 자바스크립트의 ridd 함수를 호출했습니다. 그리고 miku 파라미터에 제 블로그의 페이지를 출력하는 부분(상대 주소라고 하죠)을 넣어줬구요. ridd 함수에 miku 파라미터와 난수를 결합시키는 내용이 들어있으니 랜덤 포스트를 클릭하면 난수에 해당하는 페이지의 포스트가 뜨게 되는 것이죠.


덧> 포스트가 늘어날때마다 난수 수치를 바꿔줘야 된다는 것도 단점이네요. 프로그래밍 잘하시는 분~ 완벽한 코드 좀 만들어주세요^^ㅋ

덧2> 자바 스크립트를 배워보고 싶은 분들께 http://koxo.com/ 여기 추천^^

 

댓글달기 뻘쭘하면 별점을 매겨 주세용~(로그인 불필요)
0 Trackback 6 Comment
※ 소를 잃었으면 마굿간이라도 고쳐놔라 ※

댓글을 달아 주세요

  1. 메이  댓글주소  수정/삭제  댓글쓰기

    헉?! 이거 이글루스 버전으로 하나 만들어주실순 없나요?!
    굉장히 좋은 기능 같은데요.

    2008.07.13 22:01
    • 릿드  댓글주소  수정/삭제

      안타깝게도 이글루스는 포스트 번호가 통합이 되어있는 것 같네요. 예를들어 A블로그에서 번호가 100인 글을 썼다면 B블로그에서는 100을 쓸 수 없는 거죠. 그래서 위의 난수 발생 방식을 쓴다면 대부분 포스트가 없다고 뜰겁니다. 프로그래밍 고수분이 만들어주길 기다리시든지 이글루스측에서 기능을 만들어주길 기다리시는 수밖에 없겠네요.

      2008.07.13 22:29 신고
  2. Litz Blaze  댓글주소  수정/삭제  댓글쓰기

    처음에는 변수명에 miku+negi가 써있어서 잠시 어리벙벙했습니다.
    "뭔 놈의 스크립트에 미쿠+대파가...-┏"

    밑의 설명을 읽고 나서야 납득했습니다. -_-;


    유용한 스크립트임에는 확실하나...
    포스트라고는 달랑 문짝뿐인 제 블로그에는 전혀 쓸모없을 뿐더러 스크립트 변경까지도 불가능이니 이거야말로 그림의 떡입니다.
    [그러니까 포스트 언제 쓸거냐고. 응?]

    2008.07.14 20:08
    • 릿드  댓글주소  수정/삭제

      미쿠와 파는 뗄레야 뗄 수 없는 관계니까요(응?

      스크립트 변경을 어떤 원리로 막는지 궁금할 따름입니다(쓴웃음) 훗날 제대하고 포스트가 많아지면 한번 써보시길^^

      2008.07.15 21:30 신고
  3. 샬럿.  댓글주소  수정/삭제  댓글쓰기

    정말로 큰 도움이 되었습니다!ㅎㅎ 제가 찾던 이 정보가 여기에 뿐이 없었네요*^^*
    정말 고맙습니다, 릿드님.

    2014.02.12 20:53 신고
  4. 생각꼬리  댓글주소  수정/삭제  댓글쓰기

    감사합니다. 딱 원하던 내용입니다. :)

    2017.05.28 12:59 신고

1 ··· 66 67 68 69 70 71 72 73 74 ··· 226 
BLOG main image
릿드의 하츠네 미쿠
요즘 일본에서 인기를 끌고있는 음성합성 소프트웨어인 보컬로이드 하츠네 미쿠를 정체성으로 하고 있는 블로그입니다.
by 릿드

♬ 랜덤 포스트 보기 ♬



공지사항

카테고리

분류 전체보기 (226)
하츠네 미쿠 (151)
카가미네 린 (18)
주간 VOCALOID 랭킹 (23)
미쿠미쿠 자스락 등록 사건 (8)
기타 (26)

달력

«   2022/10   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
free counters

tistory!get rss Tistory Tistory 가입하기!




site statistics