참고로 난 아는언어는 Java밖에 없습니다..(사실은 자바도 허우덕 되고 있슴..ㅜ.ㅜ)
그래서 closures가 헤갈립니다.:)
하지만 현재 java jdk7버전부터 Closures가 지원될지도 모른다는 토비님의 포스팅을 보구
Closures을 잘몰라서  공부하기 시작했습니다.
(아직도 잘 이해가..영어를 잘해야겠다는 생각을 다시하게하는 하루였음)

What this means is that an inner function always has access to the vars and parameters of its outer function, even after the outer function has returned.

간단히 설명하면 inner function에서 outer function의 var,parameter를 접근하는것,outer function에서 return되었을때 조차도 var,parameter를 접근하는것을 말합니다.


참고 사이트
Closures JavaScript

javascript tip
Private static members in JavaScript
Understanding and Solving Internet Explorer Leak Patterns
JavaScript Closures
Javascript Closures
Leak Free Javascript Closures
Ecma-262
Posted by 전용우
,

난 전에는 javascript는 유효성체크하는 수준의 언어인줄 알고 있었다.

하지만 요즘 Ajax에 관심이 많아 공부를 하게 되니깐 생각보다 어렵고 재미있는 언어라는 사실을 알았다.

Object-oriented JavaScript
그중에서 제일 눈에 띄는 것은 자바와같이 객체처럼 사용할수 있다는것이다.

-code
function Pet(name) {
  this._name = name;
}
Pet.prototype._name;
Pet.prototype.getName = function() {
  return this._name;
}


-실행
var p = new Pet("Max");
alter(p.getName());

이걸보는순간..내가 만들었던 스크립트 코드들이 머리속을 지나가는 것은 무슨이유지?ㅡ;ㅡ


2차 충격  Inheritance

-code
function Dog(name) {
Pet.call(this, name);
}
Dog.prototype = new Pet();
Dog.prototype.wagTail = function() { alert("wagTail"); }

function Cat(name) {
Pet.call(this, name);
}
Cat.prototype = new Pet();
Cat.prototype.purr = function() { alert("Purring"); }

var d = new Dog("Max");
d.wagTail();
var c = new Cat("Fluffy");
c.purr();


실행
alert(d.getName());
alert(c.getName());

모든 객체지향프로그램에 등장하는 animal 예제 :)
위에서 보면 Pet을Cat,Dog에서 상속을 받아 getName()을 실행하고 있다.


마지막 충격.. ㅜ.ㅜ Polymorphism

-code
Pet.prototype.speak = function() {
  alert(this.getName() + " says...");
}
Dog.prototype.speak = function() {
  Pet.prototype.speak.call(this);
  alert("woof");
}
Cat.prototype.speak = function() {
  Pet.prototype.speak.call(this);
  alert("meow");
}

어떤가요? 신기 하지 않나요^^ 그리고 이글은 아래의 참고사이트에서 참고로 작성했습니다.

ps.아 그리고 java에서와 같이 public,private,privileged 란 개념이 존재하는군요.

참고사이트
Object-oriented JavaScript
Private Members in JavaScript

Posted by 전용우
,

웹표준을 배우기 위한 세번째 책

이로써 내가 웹표준을 공부하려구 맘먹었던 책3권중 마지막 책이다.

아직 끝까지는 보지 못했지만 첫장만 보니 전에 있던 내용이다..ㅡㅡ;

그래도 다른 책과 비교했을때 칼라라 좋다 ㅎㅎ; 이제 마지막이니 잼있게 보장.

ps.공부는 하는데 생각보다 사용할려니 맘대로 안된다.한번 디자인 엎어봐야지.




Posted by 전용우
,

웹표준 배우기 위한 두번째 책

:예전에 읽었는데 다시 좀 정리도 할겸 다시 읽어 봐야겠다.

여긴 별로 정리할게 없다. 책의 전체적인 내용은 구조에 알맞는 엘리먼트를 사용하자다.

:공통된부분을 상위 엘리먼트에 정의하고 자세한 부분은 하위엘리먼트에 정의하므로 양을 줄이자.

  -상속을 잘사용하자.

:소수의 브라우져에 대한 배려를 하자

:항상 css가 적용된다는 생각을 하지말자.

:CSS Tip


기타 사이트(거의 모름 ㅎ)

-W3W :우리가 모두 아는 웹표준을 권고안을 만드는곳.

-Web Standards Project : 웹표준을 대중에게 널리 알리고 웹디자이너와 개발자들이 표준에

                                   따라 개발하도록 교육자료를 재공한다고 함.

-A List Apart : 웹사이트를 만드는 사람이라면 필독이랍니다.

-Css Zen Garden :  나를 css대해 감탄을 하게 한곳.나같은 초보도 알정도로 유명한곳.

-Dive Into Accessibility : 웹접근성에 대해 쉽게(?) 설명한 곳이랍니다.

-css-discuss:실제 프로젝트를 하면서 생기는일들을 메일링하는곳(영어만 되면 좋은듯..)

-Web-Graphics: 하이퍼링크 디자인 자료,링트,설명들을 모아놓은곳이랍니다.

-Digital Web Magazine : 웹디자이너들을 위한 온라인 잡지

-The Weekly Standards : 주간단위로 웹표준 소식을 전해줌.(안열림)


기타 블로그(모두 모름 ㅋ)

-Jeffrey Zeldman Presents :The Daily Report :

                                    굉장히 유명한 웹표준의 대부라는 제프리젤드만의 블로그

-Stopdesign: 더글라스 바우맨의 블로그

-mezzoblue : Dave Shea의 블로그

-meyerweb.com : 에릭마이어의 블로그

-Tantek Celik : 박스모델의 핵으로 유명한 블러그

-What Do I Know?:토드 도미니의 블로그

-Asterisk(*) : D.Keith Robinson의 블로그

-superfluousbanter : 댄 루빈,디디,힐호스트의 블로그

-Simon Willison's Weblog:시몰윌슨의 블로그

-Brainstorms and Raves: 셜리 카이저의 블로그

-Living Can Kill You: 크레이그 세일러의 블로그



Posted by 전용우
,

이책이 나에게 하는말...

"이젠 좀 나누지 그래!!!"


1.HTML 알아보기

  :반드시 TAG는 한쌍을 이룬다.

  -제목:<H1>~<H6>

  -단락:<P></P>


2.하이퍼텍스트와 함께하는 심층학습

  :한페이지에서 다른 페이지로 링크를 걸땐 "<a>"를  사용한다.

  :<a>의 href는 목적지를 나타낸다.

  :상위 폴더로 이동시에는 ../xxx.html을 사용한다.(두단계위는 ../../xxx.html)


Posted by 전용우
,

AOP in Javascript

프로그래밍 2006. 8. 26. 03:34
Posted by 전용우
,

전에 봤던 파일 업로드와 틀리게 간단히 commons fileupload와 prototype을 이용하여 구연되어있다.소스도 간단하고 조금만 수정한다면 많은곳에서 사용할수 있겠다.

관련링크:AJAX file upload progress for Java using commons fileupload and prototype

Posted by 전용우
,

강의 바로 가기
첫강의를 들어봤는데 다행히 거의 pdf를 설명하는 내용이라 어렵진 않았습니다
(결코 다듣진 못함..ㅡㅡ;)
그리고 보니 speakernoted라는 파일이 있어 들을때 유용할것 같습니다.
세심한 배려...잼있네요. 시간날때 틈틈히 봐야겠네요.^^;
정말 자세히 설명하네요..근데 잘 듣지도 못하는데 소리도 무지 작네요..ㅡㅡ;

1. AJAX Basics & Development Tools


  -이번강의 에서는 기초적인 ajax정의와  사용예

  -간단한 예제와 디버깅툴 에 대해서 얘기하고 있다
     :Fire debug를 이용한 console logging,breakpoint를 이용한 data flow확인.

  -간단히 정리하자면 좋은점은 너무 많이 나와있고 많으니 나쁜점만 요약하면
     1.보안에 문제가 많다.
              -물론 ajax쓴다고 해서 갑자기 늘어난건 아니지만 ajax의 주요 핵심인
               javascript가 노출되어있다

     2.복잡성이 커진다
               -sever side develop만큼이나 높은 cilent develop가 필요하다

     3.디버깅,테스트,유지보수가 힘들다
               -자바스크립트는 테스트가 어렵다,모듈화가 안된다.
               -아직 초기단계라 확실한 개발방법이 없다.

     4.툴킷이나 프래임워크가 아직 부족하다
               -베타단계다...

     5.아직XMLhttpRequest는 비표준이다
                -곧 된다고 한다.

     6.구브라우져에서는 작동안한다.

     7.자바스크립트에 의존적이고 브라우져간 호환성에 문제가 있다.

Posted by 전용우
,