JavaScript

  • 리비전 슬러그: JavaScript
  • 리비전 제목: JavaScript
  • 리비전 아이디: 398681
  • 제작일시:
  • 만든이: iMaZiNe
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

JavaScript 재입문
JavaScript에 대해서 알고 있다고 생각하는 사람들을 위한 문서

JavaScript(JS로 줄여부르기도 합니다)는 가볍고 인터프리터가 있는 객체 지향 언어로, 1급 함수를 지원합니다. 주로 웹 페이지에 사용되는 스크립트 언어로 알려져있지만, node.jsCouchbase처럼 웹 브라우저가 아닌 환경에서도 사용됩니다.

JavaScript의 표준은 ECMAScript입니다. 2012년부터 최신 브라우저들은 모두 ECMAScript 5.1의 기능을 전부 지원합니다. 예전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. ECMAScript 표준의 6번째 버전은 현재 작업 중입니다. 달라지는 신기능에 대한 진행 상황은 관련 위키에서 볼 수 있습니다.

이 섹션은 JavaScript 언어 자체에 대해서만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지에서의 API에 대해 알고 싶다면 DOM 문서를 참고하시기 바랍니다. DOM과 JavaScript를 함께 사용하는 방법은 DOM 레퍼런스를 읽어보세요.

문서

자바스크립트 1.5 레퍼런스
이 레퍼런스는 자바스크립트 1.5에 대한 완전한 문서와 자바스크립트 1.6에서 업데이트 된 내용을 담고 있습니다.
자바스크립트 안내서
자바스크립트로 프로그래밍 하는 방법에 대한 가장 기초적인 레퍼런스입니다.
클로져(Closures)
자바스크립트를 완벽히 알기 위해서 넘어야할 산인 클로져에 대해 알아봅니다.

입문자를 위한 글

자바스크립트 기술 개요
자바스크립트에 대한 소개
자바스크립트의 자료형
자바스크립트의 자료형에 대해 알아봅시다.
상속과 프로토타입 체인
자바스크립트에서는 클래스가 없습니다. 대신 프로토타입 기반 상속을 사용합니다. 프로토타입에 대해 알아봅시다.

기타

Canvas 자습서
<canvas>는 스크립트를 사용해 그림을 그릴 때 사용할 수 있는 HTML5 요소입니다. 예컨대, 그래프를 그리거나 사진을 다루거나 간단한(혹은 간단하지 않은) 애니메이션을 만들 때 사용합니다.
JavaScript 언어 자원
JavaScript 언어 표준 설명.
인터넷 익스플로러 표준 지원 문서
Microsoft는 "인터넷 익스플로러에서 지원하는 최종 승인된 웹 표준에 대한 다양성, 명확성, 확장성"을 기술하는 문서를 공개했다. 이 중 JavaScript와 관련있는 문서는 다음과 같다.

모두 보기...

도구 와 고급 리소스

  • LearnStreet - 무료 온라인 자바스크립트 강좌와 연습용 예제
  • Codecademy - 양방향 시험식 무료 자바스크립트 코스
  • Code School - 단계별 학습을 통해 자바스크립트를 배우는 코스
  • Idiomatic.js - 자연스업고 일관성 있게 자바스크립트 코딩하는 원칙(한국어 번역본도 있습니다)
  • Memory Management in JavaScript - 자바스크립트에서의 메모리 관리 동작에 대한 개요
  • Firebug - JavaScript  디버깅,  프로파일링
  • Venkman - JavaScript  디버거
  • avaScript Shells -  코드 테스트
  • JSLint -  좋지 않은 코딩을 알려주는 문법 검사기
  • JSHint - 커뮤니티에서 생성한 문법 검사기
  • JSDoc -  코드로부터 문서 생성

모두 보기...

기타 리소스

JavaScript Garden
더욱 심도있고 유용한 자바스크립트의  정보가 있는 사이트 입니다.
JSWiki
각종 라이브러리와 리소스가 인덱싱 되어있는 Github 기반의  위키 입니다.
Stack Overflow
협업을 통해 구축과 관리가 이루어지는 Q&A 사이트 입니다. 질문을 올리기 전에 먼저 검색을 시도해 보세요.
Pineapple · JavaScript
최근의 자바스크립트 강좌와 리소스가 모여있는 데이터 베이스 입니다.

{{ languages( { "en": "en/JavaScript", "es": "es/JavaScript", "it": "it/JavaScript", "ja": "ja/JavaScript", "pl": "pl/JavaScript", "pt": "pt/JavaScript", "ru": "ru/JavaScript", "zh-cn": "cn/JavaScript" } ) }}

리비전 소스

<div class="callout-box">
  <strong><a href="/ko/A_re-introduction_to_JavaScript" title="ko/A_re-introduction_to_JavaScript">JavaScript 재입문</a></strong><br />
  <span class="comment">JavaScript에 대해서 알고 있다고 생각하는 사람들을 위한 문서</span></div>
<div>
  <p><strong>JavaScript</strong>(JS로 줄여부르기도 합니다)는 가볍고 인터프리터가 있는 객체 지향 언어로, 1급 함수를 지원합니다. 주로 웹 페이지에 사용되는 스크립트 언어로 알려져있지만, <a href="http://nodejs.org/" title="http://nodejs.org/">node.js</a>나 <a href="http://www.couchbase.com/" title="http://www.couchbase.com/">Couchbase</a>처럼 <a href="http://en.wikipedia.org/wiki/JavaScript#Uses_outside_web_pages" title="http://en.wikipedia.org/wiki/JavaScript#Uses_outside_web_pages">웹 브라우저가 아닌 환경에서도 사용</a>됩니다.</p>
  <p>JavaScript의 표준은 <a href="https://developer-new.mozilla.org/en-US/docs/JavaScript/Language_Resources" title="https://developer-new.mozilla.org/en-US/docs/JavaScript/Language_Resources">ECMAScript</a>입니다. 2012년부터 최신 브라우저들은 모두 ECMAScript 5.1의 기능을 전부 지원합니다. 예전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. ECMAScript 표준의 6번째 버전은 현재 작업 중입니다. 달라지는 신기능에 대한 진행 상황은 <a href="http://wiki.ecmascript.org/doku.php?id=harmony:proposals" title="http://wiki.ecmascript.org/doku.php?id=harmony:proposals">관련 위키</a>에서 볼 수 있습니다.</p>
  <p>이 섹션은 JavaScript 언어 자체에 대해서만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지에서의 API에 대해 알고 싶다면 <a href="https://developer-new.mozilla.org/en-US/docs/DOM" title="https://developer-new.mozilla.org/en-US/docs/DOM">DOM</a> 문서를 참고하시기 바랍니다. DOM과 JavaScript를 함께 사용하는 방법은 <a href="https://developer-new.mozilla.org/ko/docs/Gecko_DOM_Reference/Introduction#DOM_and_JavaScript" title="https://developer-new.mozilla.org/ko/docs/Gecko_DOM_Reference/Introduction#DOM_and_JavaScript">DOM 레퍼런스</a>를 읽어보세요.</p>
</div>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=JavaScript&amp;language=ko" title="Special:Tags?tag=JavaScript&amp;language=ko">문서</a></h2>
        <dl>
          <dt>
            <a href="/ko/docs/Core_JavaScript_1.5_Reference" title="자바스크립트 1.5 레퍼런스">자바스크립트 1.5 레퍼런스</a></dt>
          <dd>
            <small>이 레퍼런스는 자바스크립트 1.5에 대한 완전한 문서와 자바스크립트 1.6에서 업데이트 된 내용을 담고 있습니다.</small></dd>
          <dt>
            <a href="/ko/docs/JavaScript/Guide" title="/ko/docs/JavaScript/Guide">자바스크립트 안내서</a></dt>
          <dd>
            <small>자바스크립트로 프로그래밍 하는 방법에 대한 가장 기초적인 레퍼런스입니다.</small>
            <dl>
              <dt>
                <a href="/ko/docs/JavaScript/Guide/Closures" title="클로져(Closures)"><small>클로져(Closures)</small></a></dt>
              <dd>
                <small>자바스크립트를 완벽히 알기 위해서 넘어야할 산인 클로져에 대해 알아봅니다.</small></dd>
            </dl>
          </dd>
        </dl>
        <h2 id=".EC.9E.85.EB.AC.B8.EC.9E.90.EB.A5.BC_.EC.9C.84.ED.95.9C_.EA.B8.80">입문자를 위한 글</h2>
        <dl>
          <dt>
            <a href="/ko/docs/JavaScript_technologies_overview" title="기술 개요">자바스크립트 기술 개요</a></dt>
          <dd>
            자바스크립트에 대한 소개</dd>
          <dt>
            <a dta-cke-saved-="" href="/ko/docs/JavaScript/Data_structures" title="자바스크립트의 자료형">자바스크립트의 자료형</a></dt>
          <dd>
            <small>자바스크립트의 자료형에 대해 알아봅시다.</small></dd>
          <dt>
            <a href="/ko/docs/JavaScript/Guide/Inheritance_and_the_prototype_chain" title="/ko/docs/JavaScript/Guide/Inheritance_and_the_prototype_chain">상속과 프로토타입 체인</a></dt>
          <dd>
            <small>자바스크립트에서는 클래스가 없습니다. 대신 프로토타입 기반 상속을 사용합니다. 프로토타입에 대해 알아봅시다.</small></dd>
        </dl>
        <h2 id=".EA.B8.B0.ED.83.80">기타</h2>
        <dl>
          <dt>
            <a href="/ko/docs/Canvas_tutorial" title="Canvas 자습서">Canvas 자습서</a></dt>
          <dd>
            <small>&lt;canvas&gt;는 스크립트를 사용해 그림을 그릴 때 사용할 수 있는 HTML5 요소입니다. 예컨대, 그래프를 그리거나 사진을 다루거나 간단한(혹은 간단하지 않은) 애니메이션을 만들 때 사용합니다.</small></dd>
          <dt>
            <a href="/ko/JavaScript_Language_Resources" title="ko/JavaScript_Language_Resources">JavaScript 언어 자원</a></dt>
          <dd>
            <small>JavaScript 언어 표준 설명.</small></dd>
          <dt>
            <a href="http://msdn.microsoft.com/en-us/library/ff405926.aspx">인터넷 익스플로러 표준 지원 문서</a></dt>
          <dd>
            <small>Microsoft는 "인터넷 익스플로러에서 지원하는 최종 승인된 웹 표준에 대한 다양성, 명확성, 확장성"을 기술하는 문서를 공개했다. 이 중 JavaScript와 관련있는 문서는 다음과 같다.</small></dd>
        </dl>
        <ul>
          <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff520996.aspx" title="http://msdn.microsoft.com/en-us/library/ff520996.aspx">[MS-ES3]: Internet Explorer ECMA-262 ECMAScript</a><a class="external" href="http://msdn.microsoft.com/en-us/library/ff521046.aspx" title="http://msdn.microsoft.com/en-us/library/ff521046.aspx"> 언어 명세 표준 지원 문서</a></li>
          <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff521046.aspx" title="http://msdn.microsoft.com/en-us/library/ff521046.aspx">[MS-ES3EX]: Microsoft JScript Extensions to the ECMAScript 언어 명세 3차 계정판</a></li>
          <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff960769.aspx" title="http://msdn.microsoft.com/en-us/library/ff960769.aspx">[MS-ES5]: Internet Explorer ECMA-262 ECMAScript 언어 명세 (5차 계정판) 표준 지원 문서 </a></li>
          <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff955363.aspx" title="http://msdn.microsoft.com/en-us/library/ff955363.aspx">[MS-ES5EX]: Internet Explorer Extensions to the ECMA-262 ECMAScript 언어 명세 (5차 계정)</a></li>
        </ul>
        <p><span class="alllinks"><a href="/Special:Tags?tag=JavaScript&amp;language=ko" title="Special:Tags?tag=JavaScript&amp;language=ko">모두 보기...</a></span></p>
      </td>
      <td>
        <h2 id=".EA.B3.A0.EA.B8.89_.EB.A6.AC.EC.86.8C.EC.8A.A4">도구 와 고급 리소스</h2>
        <ul>
          <li><a href="http://www.learnstreet.com/" title="http://www.learnstreet.com/">LearnStreet</a>&nbsp;- 무료 온라인 자바스크립트 강좌와 연습용 예제</li>
          <li><a href="http://www.codecademy.com/" title="http://www.codecademy.com/">Codecademy</a> - 양방향 시험식 무료 자바스크립트 코스</li>
          <li><a href="http://codeschool.com" style="line-height: 1.5em;" title="http://codeschool.com">Code School </a><span style="line-height: 1.5em;">- 단계별 학습을 통해 자바스크립트를 배우는 코스</span></li>
          <li><a class="link-https" href="https://github.com/rwldrn/idiomatic.js">Idiomatic.js</a> - 자연스업고 일관성 있게 자바스크립트 코딩하는 원칙(한국어 번역본도 있습니다)</li>
          <li><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Memory_Management" title="Memory Management">Memory Management in JavaScript</a> - 자바스크립트에서의 메모리 관리 동작에 대한 개요</li>
          <li><a class="external" href="http://www.getfirebug.com/">Firebug</a> - JavaScript&nbsp; 디버깅,&nbsp;&nbsp;프로파일링</li>
          <li><a href="/en/Venkman" title="en/Venkman">Venkman</a> - JavaScript&nbsp; 디버거</li>
          <li><a href="/en/JavaScript_shells" title="en/JavaScript_shells">avaScript Shells</a> -&nbsp; 코드 테스트</li>
          <li><a class="external" href="http://www.jslint.com/lint.html">JSLint</a> -&nbsp; 좋지 않은 코딩을 알려주는 문법 검사기</li>
          <li><a class="external" href="http://jshint.com" title="http://jshint.com/">JSHint</a> - 커뮤니티에서 생성한 문법 검사기</li>
          <li><a class="external" href="https://github.com/jsdoc3/jsdoc">JSDoc</a> -&nbsp; 코드로부터 문서 생성</li>
        </ul>
        <ul>
          <li><a class="external" href="http://www.aptana.com" title="http://www.aptana.com">Aptana Studio</a> -&nbsp; Ajax와 JavaScript를 지원하는 오픈소스&nbsp;IDE</li>
          <li><a class="external" href="http://www.netbeans.org/kb/60/java/javascript-screencast.html">Netbeans</a> - JavaScript를 정교하게 지원하는&nbsp;IDE</li>
          <li><a class="external" href="http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/heliossr1">Eclipse</a> - JavaScript Development Toolkit 을 포함하는 Open source IDE</li>
          <li><a class="external" href="http://www.c9.io" title="http://www.c9.io">Cloud9 IDE</a> - 브라우저에서 동작하는 Open source IDE 로 JavaScript 와 Node.js 를 지원</li>
          <li><a class="external" href="http://prettydiff.com/" title="http://prettydiff.com/">Pretty Diff </a>- 난독화된 코드부터 일반 코드까지 각자의 차이점을 비교하는 툴</li>
          <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/7434">Extension Developer's Extension</a> - JS 환경과 쉘 제공</li>
          <li><a href="http://boilerplatejs.org/" title="http://boilerplatejs.org/">BoilerplateJS</a>&nbsp;- 큰 규모의 JavaScript 프로젝트를 위한 구조체 레퍼런스</li>
          <li><a class="internal" href="/ko/Other_JavaScript_tools" title="ko/Other JavaScript tools">다른 JavaScript 도구</a></li>
        </ul>
        <p><span class="alllinks"><a href="/Special:Tags?tag=JavaScript:Tools&amp;language=ko" title="Special:Tags?tag=JavaScript:Tools&amp;language=ko">모두 보기...</a></span></p>
        <h2 id="Other resources" name="Other resources">기타 리소스</h2>
        <dl>
          <dt>
            <a class="external" href="http://bonsaiden.github.com/JavaScript-Garden" title="http://bonsaiden.github.com/JavaScript-Garden">JavaScript Garden</a></dt>
          <dd>
            더욱 심도있고 유용한 자바스크립트의&nbsp; 정보가 있는 사이트 입니다.</dd>
          <dt>
            <a class="link-https" href="https://github.com/bebraw/jswiki/wiki" title="https://github.com/bebraw/jswiki/wiki">JSWiki</a></dt>
          <dd>
            각종 라이브러리와 리소스가 인덱싱 되어있는 Github 기반의&nbsp; 위키 입니다.</dd>
          <dt>
            <a href="http://stackoverflow.com/questions/tagged/javascript" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a></dt>
          <dd>
            협업을 통해 구축과 관리가 이루어지는 Q&amp;A 사이트 입니다. 질문을 올리기 전에 먼저 검색을 시도해 보세요.</dd>
          <dt>
            <a href="http://pineapple.io/resources/tagged/javascript?type=tutorials&amp;sort=all_time" title="http://pineapple.io/resources/tagged/javascript?type=tutorials&amp;sort=all_time">Pineapple · JavaScript</a></dt>
          <dd>
            최근의 자바스크립트 강좌와 리소스가 모여있는 데이터 베이스 입니다.</dd>
        </dl>
        <h2 id="Related_Topics" name="Related_Topics">관련 주제</h2>
        <ul>
          <li><a href="https://developer.mozilla.org/en-US/docs/AJAX" title="AJAX">AJAX</a>, <a href="https://developer.mozilla.org/en-US/docs/DOM" title="DOM">DOM</a>, <a class="internal" href="https://developer.mozilla.org/en-US/docs/JavaScript/Server-Side_JavaScript" title="./Server-Side JavaScript">Server-Side JavaScript</a>, <a href="https://developer.mozilla.org/en-US/docs/DHTML" title="DHTML">DHTML</a>, <a href="https://developer.mozilla.org/en-US/docs/SpiderMonkey" title="SpiderMonkey">SpiderMonkey</a>, <a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas" title="HTML/Canvas">Canvas</a>,&nbsp;<a href="https://developer.mozilla.org/en-US/docs//JavaScript/JQuery" title="HTML/Canvas">JQuery</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<p>{{ languages( { "en": "en/JavaScript", "es": "es/JavaScript", "it": "it/JavaScript", "ja": "ja/JavaScript", "pl": "pl/JavaScript", "pt": "pt/JavaScript", "ru": "ru/JavaScript", "zh-cn": "cn/JavaScript" } ) }}</p>
Revert to this revision