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

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

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

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

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

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

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

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

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

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


신고
Posted by Rhio.kim

사용자 삽입 이미지





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
사용자 삽입 이미지


사용자 삽입 이미지

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

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

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

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

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



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


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


신고
Posted by Rhio.kim
사용자 삽입 이미지
이번주 중에 진행중인 개인 프로젝트 입니다.

간단한 고전 퍼즐이구요.

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