나를 포함한 많은 개발자들이

java.text.SimpleDateFormat이 스레스 세이프 하지 않다는 것을 잊고

static으로 선언하기 일 쑤 이다.

혹 또 잊어버릴 일이 생길 것 같아

SimpleDateFormat이 Thread-safe한지 테스트 한 결과를 알아보았다.

앞으로는 단순한 private으로만 사용해야겠다. ㅋㅋ

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

요즘 계속 자바스크립트 관련된 포스팅을 하는 것 같은데
부쩍 관심이 늘어서 인가?
아니면 한글 정보가 부족함을 채우려고 하는 것인가?

일단 오늘의 스크립트

자바스크립트 변수를 쿠키없이 세션 변수처럼 사용하기

원리는 간단하다

window.name 으로 변수를 설정하면 페이지 리로드가 되도

그 값은 변하거나 리로드 되지 않음을 알 수 있다.

이 특징을 가지고 구현한 것인데.

물론 FireBug 같은 툴로 값을 조작할 수도 있기 때문에

보안적으로 중요한 것들은 사용하지 않는 것이 좋겠다.

하지만 간단하게 세션을 유지 하고자 한다면 이 방법도

상당히 유용한 방법이 아닐까? 싶다.

또한 서버와 브라우저간의 암호화가 가능하다면 혹은

Validate를 위한 값이라면

상황에 맞게 생성해서 사용 하는 것 또한 가능하다.

마지막으로

위 링크의 라이브러리를 보면

crossDomain도 지원해준다.

유훗~

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

구글의 AJAX 천명 이후

천대 받던 자바스크립트의 재조명이 이루어지고

점점 발전하는 하드웨어로

절대 나오지 않을 것만 같았던 구현체들이 속속히 등장하고 있다.

오늘은 가장 단순하면서 널리 사용되는 텍스트 에디터.

vi의 자바스크립트 구현체를 소개하겠다.

위 링크를 열어 보면 단순히 textarea에 수정하고자 하는 텍스트를 넣어두고

vi.js

vi.css

onfocus="editor(this);"

를 원하는 텍스트에리어에 넣어주면 되는 것이다.


하지만

실제로 사용될 일은 얼마나 있을지 의문이다.

나 같으면

Seaside 같은 프레임워크를 만들 때 사용하는 것이 좋지 않을까? 싶은데.

일단은 블로그 덧글쪽에 붙여보면 재미 있을 것 같은데..

귀차니즘에...

또 하나

Kay의 블로그에서 본 Syntax Highlighter

우리 같이 코드 예시를 많이 사용하는 사람들에게 필요한 스크립트이다.

물론 전에 어디에선가 보았던것 같고 나름 유명해 보이는데..

IT's Lives에서도 플러깅 시켜놔야할 것 같아

이렇게 붙어 간다. ㅎㅎ

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

In the terminology of CTM, a closure is a procedure value (procedure definition + contextual environment) and a continuation is a semantic stack ('what remains to be executed').

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

public enum P {
    KEYWORD, INDEX;
   
    private String name = this.name();
    private Object value;
   
    @Override
    public String toString() {
        return name;
    }
    public <T> T getParam(){
        return (T)(value);
    }

    public <T> P v(T parameterValue) {
        this.value = parameterValue;
        return this;
    }
    public static void validate(Class<? extends TestedClass> clazz,
            String methodName, P[] params) throws IllegalArgumentException{
        try {
            Method method = clazz.getMethod(methodName, P[].class);
            if(method.isAnnotationPresent(Parameters.class)){
                Parameters parameters = method.getAnnotation(Parameters.class);
                P[] required = parameters.required();
            }
        } catch (SecurityException e) {
            throw new UnsupportedOperationException(e);
        } catch (NoSuchMethodException e) {
            throw new UnsupportedOperationException(e);
        }
    }
    public static Map<P, Object> toMap(P[] params) {
        // TODO Auto-generated method stub
        return null;
    }
}

@Target(ElementType.METHOD)
public @interface Parameters {
    P[] required();
    P[] optional();
}

public class TestedClass {

    @Parameters(optional={P.KEYWORD}, required={P.INDEX})
    public void callMethod(P... params) {
        P.validate(this.getClass(),"callMethod",params);
        Map<P, Object> param = P.toMap(params);
        params[0].<Integer>getParam();
//        this.otherMethod((param.get(P.INDEX)),param.get(P.KEYWORD));
    }

    private void otherMethod(int index, String keyword) {
        // TODO Auto-generated method stub
      
    }

}

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

HTML 5

등장 배경

• HTML5의 시작은 WHATWG (Web Hypertext Application Technology Working Group) 그룹
• 적용이 지연 되고 있는 XHTML 2.0을 대체할 표준으로 HTML의 업그레이드 버전
• HTML 4 -> XHTML 1.0 -> DOM2HTML -> HTML 5 -> XHTML 2.0
• 표준 정의에 모호한 점이 있어서 구현에 어려움이 있었다.

용어 정의

• Web Application 1.0 : WHATWG에서 만들고 있었던 HTML5
• Web Form 2.0 : XHTML의 XForms의 영향을 받아 HTML4에서의 form을 Web Form 1.0으로 정의하고 Web Form 2.0으로 확장하였다.

지원 브라우저

• Internet Explorer 8
• Mozilla Firefox
• Safari
• Opera

New Features

• 레이아웃 엘리먼트 : 캘린더 컨트롤, 어드레스 카드, 데이터그리드, 게이지 및 프로그레스 미터, 드래그 앤 드롭, 메뉴
• 프로그래밍 가능한 DOM 확장 서버에서 보내진 DOM도 포함된다.
• 사실상 표준인 XMLHttpRequest 공인
• canvas엘리먼트를 이용한 동적 비트맵 그래픽

문법

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Example document</title>
  </head>
  <body>
    <p>Example paragraph</p>
  </body>
</html>

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Example document</title>
  </head>
  <body>
    <p>Example paragraph</p>
  </body>
</html>

문자 인코딩

• HTTP 헤더의 Content-type 에 표기
• 문서 시작 부분에 Unicode Byte Order Mark(BOM) 캐릭터 사용
• head 엘리먼트의 첫 요소로 meta 엘리먼트를 이용한 charset 속성 정의
  • <meta carhset="UTF-8">
  • 기존의 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

DOCTYPE

• 기존 DOCTYPE 예 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
• HTML V5 의 예 : <!DOCTYPE html>
• 원래 목적은 초기 HTML은 SGML subset으로 규정되었기 때문에 DTD선언을 하도록 했지만 현재는 사용하지 않고 있다.
• http://www.w3.org/TR/html4/loose.dtd 사이트에 상당한 부하가 걸리고 있다.

언어

새 요소들

Structure

<html>
  <head>
    <title>Mokka mit Schlag </title>
 </head>
<body>
<div id="page">
  <div id="header">
    <h1><a href="http://www.elharo.com/blog">Mokka mit Schlag</a></h1>
  </div>
  <div id="container">
    <div id="center" class="column">               
      <div class="post" id="post-1000572">
        <h2><a href=
      "/blog/birding/2007/04/23/spring-comes-and-goes-in-sussex-county/">
      Spring Comes (and Goes) in Sussex County</a></h2>
        
        <div class="entry">
          <p>Yesterday I joined the Brooklyn Bird Club for our
          annual trip to Western New Jersey, specifically Hyper
          Humus, a relatively recently discovered hot spot. It
          started out as a nice winter morning when we arrived
          at the site at 7:30 A.M., progressed to Spring around
          10:00 A.M., and reached early summer by 10:15. </p>
        </div>
      </div>


      <div class="post" id="post-1000571">
        <h2><a href=
          "/blog/birding/2007/04/23/but-does-it-count-for-your-life-list/">
           But does it count for your life list?</a></h2>
        
        <div class="entry">
          <p>Seems you can now go <a
          href="http://www.wired.com/science/discoveries/news/
          2007/04/cone_sf">bird watching via the Internet</a>. I
          haven't been able to test it out yet (20 user
          limit apparently) but this is certainly cool.
          Personally, I can't imagine it replacing
          actually being out in the field by any small amount.
          On the other hand, I've always found it quite
          sad to meet senior birders who are no longer able to
          hold binoculars steady or get to the park. I can
          imagine this might be of some interest to them. At
          least one elderly birder did a big year on TV, after
          he could no longer get out so much. This certainly
          tops that.</p>
        </div>
      </div>

      </div>
    
    <div class="navigation">
      <div class="alignleft">
         <a href="/blog/page/2/">&laquo; Previous Entries</a>
       </div>
      <div class="alignright"></div