JavaScript에 대한 소개


Home > Document > JavaScript > Tutorial > Introduction to JavaScript

JavaScript

자바스크립트는 웹 페이지에서 가장 많이 사용되는 Scripting(사람이 알아 볼 수 있는 문자로 Script를 작성하는 것) 언어입니다. Scripting 언어를 크게 나누면 자바 스크립트나 DHTML, Visual Basic 등과 같은 Broswer Scripting 언어와 ASP, PHP 와 같은 Server Scripting 언어로 구별 할 수 있습니다. 특히 자바스크립트는 ASP와 연동되어서 입력란에 입력한 값이 제대로 된 값인지의 여부등을 체크하는 상호작용(Interactive)적 요소와 웹 페이지에 동적(Dynamic)인 효과등을 주는 부분에 사용되며 그 밖에도 많은 기능을 사용자가 추가하여 사용하는 매우 중요한 요소라고 할 수 있습니다.



JavaScript 를 하기 위해서 알고 있어야 될 부분

JavaScript 메뉴에 나오는 문서를 제대로 이해하기 위해서는 WWWHTML, CSS 그리고 웹 문서를 만들기 위한 기초적인 사항들을 알아야 합니다. 만약 이 3가지 사항에 대해 잘 모르시면 이 사이트의 HTML 메뉴와 CSS 메뉴를 참고 하세요.



JavaScript란 무엇인가.
  • JavaScript는 HTML 문서에 상호작용(Interactive)하는 요소와 동적(Dynamic) 요소를 추가하기 위해 만드는 언어입니다.
  • JavaScript는 Java Programming 과는 전혀 다른 script 언어 입니다. 즉, Java Programming 과 같이 배우는데 많은 시간이 들지 않고, 난이도도 낮은 언어죠. 물론 Java Programming 에 비해 그렇다는 거지 쉽다는 뜻이 아닙니다.
  • JavaScript는 script code 자체만으로는 아무 것도 되지 않습니다. HTML과 함께 사용될 때 어떤 기능을 수행하게 됩니다.
  • JavaScript는 Java Programming처럼 Compile(사람이 읽어서 해독할 수 없는 기계어로 변환하는 작업)을 하지 않아도 실행이 가능한 Interpret(사람이 해독할 수 있는 script를 직접 해석해서 실행) 언어입니다. 이 JavaScript 해석기(Interpreter)는 바로 여러분들이 사용하는 MS 익스플로러나 Netscape 같은 중요 브라우저에 내장되어 있으며, 각각 Version 3.0 이상에서 문제없이 작동됩니다.
  • JavaScript는 무료로 사용할 수 있습니다. 아주 큰 장점이 되겠져.


JavaScript로 할 수 있는 것 들...
  • 입력란(Form)에 입력되어 전송시킬 값을 검증(Validate)해서 선택적으로 받을 수 있습니다. HTML 메뉴에서 미루어 놓았던 Form 관련 Element 들을 드디어 여기서 하게 됩니다. JavaScript 와 연동되지 않은 상태에서는 아무리 Form을 잡고 입력값을 전송해 봐도 그 값을 받아 줄 데가 없기 때문에 JavaScript 메뉴에서 다룬다는 겁니다.
  • 단순히 반복되는 과정을 바로 이 넘... JavaScript에게 시키므로해서 단순 작업에서 해방 될 수 있습니다.
  • 다양한 Event를 Handling할 수 있게 됩니다. Event란 이 사이트의 CSS Scripting에서의 OnMouseOver, OnClick 등의 마우스 Event를 비롯한 Keyboard Event 등의 다양한 DHTML Event 들을 사용할 수 있기 때문에 선택의 폭이 훨씬 넓어지게 됩니다.
  • 변수(Variable)를 사용할 수 있기 때문에 반복되는 단어나, 내용의 Typing을 반복하지 않아도 됩니다.
  • 그 이외에 마우스에 글자들이 따라다닌 다든지 하는 다양한 프로그램적인 효과를 낼 수 있습니다.


JavaScript를 보다 효과적으로 배우는 방법

JavaScript 메뉴에서 처음으로 'Programming' 이라는 단어가 등장하게 되는데, 제 경험에 비추어 JavaScript를 아는데 약간의 도움이 될 수 있는 일종의 Guideline 이랄 수 있는 몇가지 Tip을 알려 주겠습니다.

  • 남이 만든 script를 흉내 낸다.
    Program 이라고 부르는 다른 모든 프로그램들이 다 그렇지만 개념을 잡고, Logic을 이해한다는 것이 초보자에게 결코 쉬운 일이 아닙니다. 따라서 처음부터 경험도 없이 자기 힘 만으로 scripting을 한다는 것은 상당히 미련한 일이죠. 다른 사람이 만든 간단한 script부터 흉내를 내다 보면 점차 개념이 잡히고, Logic도 이해하게 됩니다. 물론 많이 할 수록 이해가 빠르겠죠.


  • Script source의 DataBase를 만든다.
    막상 자기에게 필요한 source를 구하려면 비슷하긴 한데 '딱 맞지는 않는' source들을 많이 보게됩니다. 물론 딱 맞는 것을 구할 수도 있겠지만... 자기한테 필요하거나 괜찮다 싶은 source가 있으면 차곡 차곡 저장해 놓는 습관을 들이는게 결국은 시간을 절약하는 길이 됩니다. 요즘의 OS들은 filename을 길게 줄 수 있기 때문에 나중에 시간이 지난 뒤에도 어떤 내용인지 알아 볼 수 있게 이름을 주고 저장해 놓으면 좋습니다.


  • 영문타자를 연습한다.
    JavaScript의 code들은 대 부분 영문이기 때문에 초보자이면서 영문타자에 익숙하지 못하게 되면 scripting하는데 많은 시간을 소비하게 되져. 더군다나 에러가 나면 어디서 났는지 알기도 쉬운일이 아닙니다. 인터넷에서 쉽게 구할 수 있는 타자 연습 프로그램으로 하루에 3 ~ 40 분 정도를 많이도 말고, 3주만 해 보시져. 개인의 능력에 따라 최소한 150타에서 200타 정도는 칠 수 있으며, 그 이상의 속도는 script를 작성하다 보면 자연히 늘게 됩니다. 최소한 자판을 안 보고 칠 정도의 기초적인 소양을 갖춰야 도중에 포기할 가능성이 줄게 됩니다.

  • 글씨 색이 구별 되는 Editor를 사용한다.
    script를 작성하다 보면 오타나 빼 먹은 글자들 때문에 에러가 나는 경우가 많습니다. 그렇기 때문에 메모장과 같이 글씨 모양이나 색의 구별이 없는 편집기를 사용하면 에러난 부분들 찾는데 상당한 애를 먹게 되져. HTML 메뉴에서 소개한 HTML-Kit 같은 문서 편집기를 사용하면 글자 형태와 색의 구분이 뚜렷하기 때문에 에러를 찾는데 많은 효과를 볼 수 있습니다. 반드시 필요합니다. 아래는 HTML-Kit Sample...

    나머지 Tip들은 다른 페이지에서 그 때마다 설명하도록 하겠습니다...^^
editor_sample (11K)





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색