달력

122019  이전 다음

  • 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
  •  
  •  
  •  
  •  
자바스크립트 이야기입니다. 웹2.0이 뜨고나서, 특히 Ajax라고 불리면서 현란하게 브라우저를 수놓는 시대에 와서 가장 진보적인 위치를 차지하고 있는 것이 자바스크립트입니다. 자바에다가 스크립트를 붙이면 정말 다른 언어가 됩니다. 물론 베이직 언어와 달리 대소문자를 칼같이 지켜야 되는 점은 자바와 같지만, 컴파일이나 실행방식, 문법 구조 같은 언어적 특성이 자바와 많이, 아주 많이 다릅니다.

웹2.0을 전후로 자바스크립트 내에서도 큰 변화가 생겼습니다. 그 전에는 베껴쓰는 자바라 하여 컴퓨터 랭귀지 취급도 받지 못했습니다. "그거 아무나 하는거야 그냥 검색해서 찾아서 베껴쓰면 되잖아"라는 인식이 팽배했습니다. 물론 접근하기 쉽다는 인식도 있지만, 자바스크립트 언어의 진면목을 세상이 몰라 주었던 것이죠.

구글맵으로 세상이 들썩거리고 자바스크립트의 객체지향성을 일깨워 준 프레임워크가 나왔습니다. 미운 오리 새끼가 백조가 될 수 있는 가능성을 보여준 것이죠. 바로 prototype.js 입니다. 이것을 바탕으로 해서 많은 자바스크립트 프레임워크와 라이브러리들이 쏟아지기 시작했습니다.
기존에는 거의 팁으로만 취급받던 것들이 소프트웨어 제품으로 인정을 받기 시작했죠. 초창기에 script.aculo.us, rico, dojo 등이 선보였고, YUI(Yahoo UI) 같이 큰 포털에서 내어놓은 것도 있었습니다. 자바스크립트의 르네상스라고 해도 될지요. DHTML로 살짝 떴다가 내려갔는데, 이 때는 정말 부흥이 맞습니다. 아직도 지속되고 있구요.


허무할지 모르지만 그 유치했던 자바스크립트에서 이런 표현이 가능합니다.

<script type="text/javascript">
  var issue = {
    view : function() {
      alert("Let's see.");
    }
  };
</script>
<input type="button" value="check it out" onclick="issue.view()">

어떤 의미인지 설명하지 않아도 되겠죠. 하나 유념할 것은 issue에 종속된 view()라는 것입니다 그냥 view() 호출하면 안됩니다. 이렇게 scope를 주는 것이 의미가 있게 됩니다.

Posted by 케누 kenu허광남

댓글을 달아 주세요

  1. Progressio  댓글주소 수정/삭제 댓글쓰기 2008.04.14 12:56 신고

    이때것 복사&붙여넣기만 했던 자바 스크립이였는데 요세 따라 자바스크립트 공부의 중요성을 뼈저리게 느낍니다^^; 근대 자바스크립트를 얕보고 책을 펼쳐봤는데 참 어렵더군요^^; 독한 맘 품고 자바스크립트 공부해야 되겠습니다^^

  2. Q u i c K  댓글주소 수정/삭제 댓글쓰기 2008.04.14 19:24

    알게 모르게 자바스크립트의 중요성을 무시하고 생활하다가, 지금은 재앙에 가까운 곤혹스러움이 있습니다.
    지금껏 개발하면서 잘 신경쓰지 않았던 Dom Element, Cross Browsing과 컴포넌트 화 되어가는 소스를 보는 곤혹스러움이란...

    베껴쓰기의 노말한 폼에서 클래스화 하는 표현문법과 범위를 주고, extends가 쓰인 prototype의 사상을 이해하는데 더 많은 시간을 소비해야 소스가 이해가 가니..

    공부할게 한가지 더 늘어났다는 억울함(?)이 들기도 하고, 이 기회에 완벽하게 마스터를 해보고자 하는 열의(?) 또한 들기도 합니다.
    그 덕에, 컴퓨터 공부하며 단 한권도 사보지 않았던 자바스크립트 관련 서적을 한달 반 사이 세 권이나 사버렸어요...

    현장에서, 코드를 생각하고 검증을 해보고 하는 실험적인 부분...혹은 개발자에게 좀 더 나은 코드를 생산하고자 시간을 투자하는 risk를 감행하지 않는 현실에서 시간이 충분치 않아 써야지써야지 생각만하고 쉽게 베껴먹은 죄를 지금에서야 받는듯 합니다..ㅋㅋㅋ

  3. okclick  댓글주소 수정/삭제 댓글쓰기 2008.04.15 14:31

    prototype은 그래도 자바와 비슷한데...(서브클래스 비슷한 펑션 ㅋㅋ)
    new Object(); 등등...
    jquery는 좀 달라서 샘플코드 그대로 쓰기는 좋은데... 좀 커스트마이징 하려면 장난아니네요~ ㅠㅠ

    I love prototype.

  4. 박현준  댓글주소 수정/삭제 댓글쓰기 2009.01.01 17:07

    '자바에다가 스크립트를 붙이면 정말 다른 언어가 됩니다.' 이 부분에서 오해의 소지가 있는것 같습니다. 자바와 자바스크립트는 연관성이 없습니다.

    http://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

    그나저나 저는 맨날 지적만 하고 가네요^^;;