사용자 삽입 이미지
쓰고 싶은 글은 많은데.
하루에 조금씩 정리하고
집에 오면 스터디 자료 준비해야하고.

사용자 삽입 이미지
준비하다 보면 2시되고
자고 일어나면 7:20분 회사 출근하고.

사용자 삽입 이미지
회사에서는 일도 안하고 맨날 잠자고..
글 좀 써볼까 싶으면 일 터지고.

사용자 삽입 이미지
그렇게 하루가 어떻게 가는지 모르다가
다시 그 자리에서 비슷한 일을 하고 있는 나를 볼때면...

사용자 삽입 이미지
깜짝 놀랜다

사용자 삽입 이미지
가끔은 뛰어나가 밀리터리 축구도 한번 하고 싶고
스포츠도 해보고 싶은데.

사용자 삽입 이미지
오늘은 푹 자보자.
그래도 지금은 12:08
Posted by Rhio.kim

댓글을 달아 주세요

  1. 멋진인생 2008.03.13 19:56  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎ 공감이 가네요...
    일에 치여살다 보니 스터디를 준비할수가 ^^;;
    요즘은 거의 금욜날 밤샘을 해버리게 되네요 ㅠ.ㅠ

  2. BlogIcon 눈물섬 2008.03.21 12:04  댓글주소  수정/삭제  댓글쓰기

    바쁘시겠지만, 열심히 사시는 것 같아 보기 좋아요^^
    저 같은 경우는 일에 따라 무지 바쁘다가 무지 한가하다가..;
    아주 불규칙한 생활이라서..

    아이콘들이 너무 귀여워요..+ㅁ+

사용자 삽입 이미지

요건 머에다 쓰는 물건일까요?
같은 그림 찾기에 사용할 이미지 입니다.. ^-^;

TFastClick 에 이은 불후의 고전 게임 -_-?

prototype 만들어 보았습니다.
@import prototype.1.6.0.2


Posted by Rhio.kim

댓글을 달아 주세요

  1. BlogIcon 옷장수 2008.02.11 11:18 신고  댓글주소  수정/삭제  댓글쓰기

    Bloglines.com의 Image Wall 같다는 생각이 들었네요 ^^;


사용자 삽입 이미지





Rhio Javascript Technical Defined Document
최초 시작일 : 2007. 12. 31
최종 수정일 : 2008. 09. 17
문서 버젼정보 : v0.11.029
최종 업데이트 내역 :  Flyweight Pattern

 + Rhio.JHPD
 + Rhio.JAT
 + Rhio.JAD
 + Rhio.JDP
 + Rhio.JADP
 + Rhio.JOOP
 + Rhio.AA
 + Rhio.AASD
 + Rhio.JTD
 + Rhio.JTT
 + Rhio.JDOM

Rhio.JHPD
Javascript.High.Performance.Documents : 자바스크립트 고성능 정의 문서
자바스크립트를 통한 웹 어플리케이션 개발 및 DOM Scripting시 활용해야하고 각 브라우저마다의 성능 차를 비교 분석한 문서들을 정리
   + Ajax Application High Performance. part of Javascript & Browser

Rhio.JAT
Javascript.Ajax.Techincal : 자바스크립트 Ajax 기술
   + Data Caching Structure in Ajax(XHR) Pattern
   + Pragmatic Event Processing for Ajax & Rich UI

Rhio.JAD
Javascript.Algorithm.Documents : 자바스크립트 알고리즘 문서
자바스크트로 구현된 여러가지 알고리즘에 대한 정리

Rhio.JDP
Javascript.Design.Pattern : 자바스크립트 디자인 패턴
자바스크립트 OOP 를 목적으로 설계의 패턴을 이해할 수 있고 자바스크립트만의 특징을 살린 패턴에 대한 문서 정리
  + Singleton pattern (in Ext, in Wikipedia)
  + Optional pattern(pre-Configued Pattern)
  + Design by design pattern - Ajax/Rich UI 개발 방법론
  + Template pattern
  + Design by XHR pattern
  + Flyweight pattern

Rhio.JA(D)P
Javascript.Anti.Design.Pattern : 자바스크립트 Anti (디자인) 패턴
자바스크립트의 잘못된 사용을 하고 있는 디자인 패턴 혹은 코딩방법 정리
  + javascript 가 document rendering 에 미치는 영향
  + CSS className property Dynamic Apply

Rhio.JOOP
Javascript.Orient.Object.Program : 자바스크립트 OOP 기술
자바스크립트의 객체 지향적 프로그래밍을 위한 기술 정의 문서
  + Private
  + Privileged
  + Public
  + Protected
  + Polymorphism(다형성)
  + Encapsulation(캡슐화)
  + Abstraction(추상화)
  + Modularity(모듈성)
  + Hierarchy(계층성) & Inheritance(상속)

Rhio.AA
Javascript.Ajax.Applications : 자바스크립트 Ajax(에이젝스) 프로그램
자바스크립트로 만든 어플리케이션 및 유틸리티
 + 2007
    - TAnimate
    - TBoard
    - TComplexJS : prototype.js 기반의 개발된 소스의 난독처리기
    - TDebuger : 크로스브라우징 지원이 가능한 simple debug
    - TDynamicImage : google 의 메인 애니메이션 네비게이션
    - TDynamicLoader :
    - TEffect : fade-in, fade-out, slide 등 간단한 동적 처리만 지원
    - TFileloader : ajax를 통한 텍스트 기반 데이터 다이나믹 로더 (TDynamicLoader 과 유사)
    - TFlash : flash 오브젝트 컨트롤
    - TGlobalStorage : FF에서만 지원되는 globalstorage, sessionstorae 컨트롤러
    - THistory :
    - TLayer :
    - TNavigtor : 동적 페이징 네비게이터
    - TProgress : 프로그래스 바
    - TPuzzle : Javascript 구현한 숫자 퍼즐 게임
   - TString : String object extend
   - TSystemInformation : 사용자 브라우저 및 다양한 브라우징 시스템 정보
   - TTimer : 다양한 time 컨트롤
 + 2008
   - TSharedObject : flash 의 SharedObject 를 이용한 Flash cookie 컨트롤러
                             Shared Object library - powerful browser cookie?
   - TFastClick : 1~25의 랜덤한 위치의 숫자를 빠른 시간내에 순서대로 클릭하는 게임
                        Ajax TFastClick game
   - TFindEqual : 같은 이미지 찾기 게임
                        Ajax TFindEqual game
   - TLeak : IE에서 Circular Reference 발생 시 메모리 릭 테스트용
                 IE Circular-Reference Magration Tip Memory Test - TLeak

Rhio.AASD
Ajax Application Security Documents : Ajax Application 보안 관련 문서


Rhio.JTD
Javascript.Translation.Documents : 자바스크립트 기술 및 번역 문서
자바스크립트의 원서의 일부분 인터넷에 공유되있는 기술 문서를 국내 문서로 번역 재 편집 정리
  + 2008
    - scope in javascript (분석중)
    - object in javascript (분석중)
    - closure in javascript (자바스크립트에서 클로져는 무엇인가?)
    - prototype in javascript (자바스크립트에서 프로토타입은 무엇인가?)
    - Javascript Application(RIA) Memory Management
    - Class-Based vs Prototype-Based Languages
    - Unobtrusive Javascript (비간섭적인 자바스크립트)

Rhio.JTT
Javascript.Technical.Tips : 자바스크립트 기술적인 팁
  + 2008
     - javascript simple data type change

Rhio.JDOM
Javascript & DOM : 자바스크립트와 DOM(Document Object Model) 기술 문서
  + 2008
     - DOM interface in javascript


Posted by Rhio.kim

댓글을 달아 주세요

  1. 쇼팬 2007.12.31 16:12  댓글주소  수정/삭제  댓글쓰기

    기대됩니다.ㅎ
    암튼 새해복 하세요~

사용자 삽입 이미지


사용자 삽입 이미지

별거 아닙니다.
FF에는 파이어 버그가 있어서window.console.log('debug'); 로 디버깅 메세지를 쉽게 볼 수 있는데요.

IE, Opera, Safari(최근 버젼에서는 지원하죠?) 에서는 원활히 지원되지 않아서..

급작스럽게 만든 티가 엄청 납니다.. ^-^;
나만 쓸껀데 뭐 ㅎㅎㅎ

그럼 머한데 공개했냐..?
자랑하려구요 ㅠ.ㅠ

갑자기 만들걸 자랑한다고? 
그럼 어쩌라구요?



간단하게 String native에 추가를 해버렸습니다.


사용법은 매우 아니 너무 간단합니다.


Posted by Rhio.kim

댓글을 달아 주세요

  1. BlogIcon azki 2007.12.26 10:51  댓글주소  수정/삭제  댓글쓰기

    if(window.console)

    이 구문을 IE6, Opera9, Safari3 에서 모두 통과하네용

    id 가 '__rhioDebugWindow' 인 div 를 만드는 구문으로 빠지지 않습니다

    음.. 쓰면서 생각해보니 프레임워크 때문같네요

    dhtmlgoodies 와 dojo를 쓰고 있는데 아무튼 window.console.log 함수가 있습니다

    좀 더 정확한 방법으로 확인하심이 좋으실듯합니다 ^^

    window.console 이 있다고 firebug 라고 확정짓는건 조금 문제가 생길 여지가 있다고 봅니다

    • rhio.kim 2007.12.26 17:30  댓글주소  수정/삭제

      프레임웍에서 따로 console 를 지원하나 보군요.
      azki 님께서 좀 찾아주시지.. ^-^;; 예외처리 한번 봐야겠네요.
      테스트 진심으로 감사드립니다.

  2. BlogIcon azki 2007.12.26 10:54  댓글주소  수정/삭제  댓글쓰기

    그리고 firebug 에서 디버그메시지가

    # 'Rhio 2007 Ajax Application'.log();
    로 했을 때..

    ["R", "h", "i", "o", " ", "2", "0", "0", "7", " ", "A", "j", "a", "x", " ", "A", "p", "p", "l", "i", "c", "a", "t", "i", "o", "n"]
    로 나타납니다

    뭐, 보는 것에 문제는 없지만..

    console.log('Rhio 2007 Ajax Application');
    로 했을 경우

    Rhio 2007 Ajax Application
    로 나타나는 것에 비해 꽤 보기 어렵습니다
    함수 내부에서 스트링 타입으로 치환 후 (뿌려지는 당시에는 String object 타입인거 같네요.) 뿌려주는 것이 좋을듯해염

    • rhio.kim 2007.12.26 17:33  댓글주소  수정/삭제

      일단 이 메서드를 추가한 이유는요.
      alert() 디버깅을 사용하지 않고 쉽게 사용하고
      디버깅을 위한 타이핑을 줄이자는 목적에서요.

      추후 javascript 의 모든 타입을 지원하도록 만들꺼구요.
      UI이는 1.0.0 버젼이 나올때쯤 신경쓸꺼구요.

      console에서 Array 타입으로 나오는 부분도 추후 기능에 추가할께요.

      일단은 IE에서 디버깅 메세지를 좀더 간소화 하려고 만든 어리버리한 메서드랍니다. ^-^

사용자 삽입 이미지
이번주 중에 진행중인 개인 프로젝트 입니다.

간단한 고전 퍼즐이구요.

0.1.00 버전에서는 순수히 뼈대와 ajax 게임자체가 동적으로 움직이다보니 메모리 혹은 CPU 점유일이 실행간 급격히 오르락 내리락 하는 경우가 많은데요.
그런 부분을 해소시키고 부드럽게 진행할 수 있고 기본적인 퍼즐의 기본 기능에 구현하는데 목적을 둡니다.

일단 기본 개발 룰은 퍼즐 게임을 위한 기본 판넬은 DIV 구조로 미리 작성된 상태에서 OOP, MVC 개념을 추가해서 Ajax 개발하도록 하겠습니다.

내부적으로 Prototype과 script.aculo.us 를 사용하고 있지만 왠만하면 사용하지 않는 방향으로 점점 나아갈 것입니다.

2.0 버젼에서는 script.aculo.us를 통해 비쥬얼한 부분을 추가와 DB 연동을 통해 rank 부분을 지원할 예정입니다.

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

전제
1. 원하는 레벨을 선택할 수 있습니다.
    [초급, 중급, 고급, 초난감]
2. 원하는 Row, Cell 개수를 입력받아 할 수 있습니다.
3. 플레이 타임을 표시합니다.
4. 숫자모드, 알파벳 모드(버젼2), 가나다모드(버젼2) 를 지원합니다.
5. 클릭을 하면 자동으로 비어있는 Cell로 이동합니다.
6. 게임시작을 누르면 랜덤으로 퍼즐이 섞입니다.
7. 모두 맞추게 되면 성공 메세지를 뿌립니다.

8. 게임번호를 선택할 수 있습니다.(차후 이스트에그 지원)
9. 화면 리프래쉬, 리로드, game reset을 누를 경우 랜던함 게임이 DOM으로 생성

기본 구현 구성

퍼즐은 테이블로 생성해 TD안에 숫자를 입력하며 해당 TD를 클릭할 경우 비어있는 TD와 교체를 합니다.

import  script.aculo.us
          prototype 1.5.1

Posted by Rhio.kim

댓글을 달아 주세요