JavaScript

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

리비전 내용

자바스크립트 재입문
자바스크립트를 안다고 생각하는 사람들을 위한 overview

자바스크립트® (JS로 줄여 불리기도 하는) 가볍고 인터프리터가 있는 객체 지향 언어로, 1급 함수를 지원합니다. 주로 웹 페이지에 사용되는 스크립트 언어로 알려져있지만 node.jsApache CouchDB처럼 웹 브라우저가 아닌 환경에서도 사용됩니다. It is a prototype-based, multi-paradigm scripting language that is dynamic, is type safe, and supports object-oriented, imperative, and functional programming styles.

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

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

문서

자바스크립트 레퍼런스
이 자바스크립트 레퍼런스는 자바스크립트 1.5에 대한 완전한 문서와 이 후 업데이트 된 내용을 담고 있습니다.
자바스크립트 안내서
자바스크립트에 처음인 프로그래머를 위한 어떻게 자바스크립트로 프로그래밍을 하는지에 대한 주요 가이드

입문용 글들

자바스크립트 기술 개요
웹 브라우저 자바스크립트 전체적 소개
자바스크리트 자료구조
자바스크립에서 가능한 자료구조 개요
상속과 프로토타입 체인
프로토타입 기반 상속의 큰 오해와 과소평가에 대한 설명

다른 글들

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

모두 보기...

도구 & 고급 자료

  • LearnStreet - 무료 온라인 자바스크립트 강좌와 연습용 예제.
  • Codecademy - 양방향 시험식 무료 자바스크립트 코스
  • Code School - 단계별 학습을 통해 자바스크립트를 배우는 코스
  • Let’s Code: Test-Driven JavaScript - screencast series on rigorous, professional JavaScript development
  • Idiomatic.js - 자연스럽고 일관성 있게 자바스크립트 코딩하는 원칙(한국어 번역본도 있습니다)
  • Memory Management in JavaScript - 자바스크립트에서의 메모리 관리 동작에 대한 개요.
  • Firebug - JavaScript 디버깅, 프로파일링
  • Venkman - JavaScript 디버거
  • JavaScript Shells - 코드 테스트
  • JSLint - 좋지 않은 코딩을 알려주는 문법 검사기
  • JSHint - 커뮤니티에서 생성한 문법 검사기
  • JSDoc - 코드로부터 문서 생성
  • JavaScript Redirect - advanced JavaScript redirect tool
  • Aptana Studio - Ajax와 JavaScript를 지원하는 오픈소스 IDE (eclipse 기반)
  • Netbeans - JavaScript를 정교하게 지원하는 IDE
  • Eclipse - JavaScript Development Toolkit 을 포함하는 Open source IDE
  • Cloud9 IDE - 브라우저에서 동작하는 Open source IDE 로 JavaScript 와 Node.js를 지원
  • Pretty Diff - 난독화된 코드부터 일반 코드까지 각자의 차이점을 비교하는 툴
  • Object Playground -  객체지향 자바스크립트의 이해에 대한 스크린케스트와 툴
  • Extension Developer's Extension - JS 환경과 쉘 제공
  • BoilerplateJS - 큰 규모의 JavaScript 프로젝트를 위한 구조체 레퍼런스
  • 다른 JavaScript 도구

모두 보기...

기타 자료

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

자바스크립트는 미국과 다른 나라에서 오라클의 상표 혹은 등록 상표입니다.

리비전 소스

<div class="callout-box">
  <strong><a href="/ko/docs/Web/JavaScript/A_re-introduction_to_JavaScript">자바스크립트 재입문</a></strong><br />
  자바스크립트를 <em>안다고 생각하는</em> 사람들을 위한 overview</div>
<p><strong>자바스크립트</strong><sup>®</sup> (<strong>JS</strong>로 줄여 불리기도 하는) 가볍고 인터프리터가 있는 객체 지향 언어로, <a href="https://en.wikipedia.org/wiki/First-class_functions" title="https://en.wikipedia.org/wiki/First-class_functions">1급 함수</a>를 지원합니다. 주로 웹 페이지에 사용되는 스크립트 언어로 알려져있지만 <a class="external" href="http://nodejs.org/">node.js</a>나 <a href="http://couchdb.apache.org">Apache CouchDB</a>처럼 <a class="external" href="http://en.wikipedia.org/wiki/JavaScript#Uses_outside_web_pages">웹 브라우저가 아닌 환경에서도 사용</a>됩니다. It is a <a class="mw-redirect" href="https://en.wikipedia.org/wiki/Prototype-based" title="Prototype-based">prototype-based</a>, <a href="/en-US/docs/multiparadigmlanguage.html" title="/en-US/docs/multiparadigmlanguage.html">multi-paradigm</a> scripting language that is <span class="mw-redirect">dynamic</span>, is <a href="https://en.wikipedia.org/wiki/Type_safety" title="Type safety">type safe</a>, and supports object-oriented, imperative, and functional programming styles.</p>
<p>JavaScript의 표준은 <a href="/en-US/docs/JavaScript/Language_Resources">ECMAScript</a>입니다. 2012년부터 최신 브라우저들은 모두 ECMAScript 5.1의 기능을 전부 지원합니다. 예전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. ECMAScript 표준의 6번째 버전은 현재 작업 중입니다. 달라지는 신기능에 대한 진행 상황은 <a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:proposals">관련 위키</a>에서 볼 수 있습니다.</p>
<p>이 섹션은 JavaScript 언어 자체에 대해서만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지에서의 API에 대해 알고 싶다면 <a href="/en-US/docs/DOM">DOM 문서</a>를 참고하시기 바랍니다. DOM과 JavaScript를 함께 사용하는 방법은 <a href="/en-US/docs/Gecko_DOM_Reference/Introduction#DOM_and_JavaScript">DOM 레퍼런스</a>를 읽어보세요.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id=".EB.AC.B8.EC.84.9C">문서</h2>
        <dl>
          <dt>
            <a href="/ko/docs/Core_JavaScript_1.5_Reference">자바스크립트 레퍼런스</a></dt>
          <dd>
            이 자바스크립트 레퍼런스는 자바스크립트 1.5에 대한 완전한 문서와 이 후 업데이트 된 내용을 담고 있습니다.</dd>
          <dt>
            <a href="/ko/docs/JavaScript/Guide">자바스크립트 안내서</a></dt>
          <dd>
            자바스크립트에 처음인 프로그래머를 위한 어떻게 자바스크립트로 프로그래밍을 하는지에 대한 주요 가이드</dd>
        </dl>
        <h3 id=".EC.9E.85.EB.AC.B8.EC.9A.A9_.EA.B8.80.EB.93.A4">입문용 글들</h3>
        <dl>
          <dt>
            <a href="/ko/docs/JavaScript_technologies_overview">자바스크립트 기술 개요</a></dt>
          <dd>
            웹 브라우저 자바스크립트 전체적 소개</dd>
          <dt>
            <a href="/ko/docs/JavaScript/Data_structures">자바스크리트 자료구조</a></dt>
          <dd>
            자바스크립에서 가능한 자료구조 개요</dd>
          <dt>
            <a href="/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">상속과 프로토타입 체인</a></dt>
          <dd>
            프로토타입 기반 상속의 큰 오해와 과소평가에 대한 설명</dd>
        </dl>
        <h3 id=".EB.8B.A4.EB.A5.B8_.EA.B8.80.EB.93.A4">다른 글들</h3>
        <dl>
          <dt>
            <a href="/ko/docs/Canvas_tutorial">캔버스 튜토리얼</a></dt>
          <dd>
            &lt;canvas&gt;는 HTML5 요소로 스크립팅을 사용해서 그래픽들을 그릴 수 있습니다. 예를들어 그래프들을 그리고 사진 조합을 만들 수 있으며 간단(혹은 간단하지 않은) 애니메이션들 할 때 사용됩니다.</dd>
          <dt>
            <a href="/ko/docs/Web/JavaScript/Language_Resources">자바스크립트 언어 자료</a></dt>
          <dd>
            자바스크립트 언어 표준 설명.</dd>
          <dt>
            <a class="external" href="http://msdn.microsoft.com/en-us/library/ff405926.aspx">인터넷 익스플로러 표준 지원 문서</a></dt>
          <dd>
            Microsoft는 "인터넷 익스플로러에서 지원하는 최종 승인된 웹 표준에 대한 다양성, 명확성, 확장성"을 기술하는 문서를 공개했다. 이 중 JavaScript와 관련있는 문서는 다음과 같다.
            <ul>
              <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff520996.aspx">[MS-ES3]: Internet Explorer ECMA-262 ECMAScript 언어 명세 표준 지원 문서 </a></li>
              <li><a class="external" href="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">[MS-ES5]: Internet Explorer ECMA-262 ECMAScript 언어 명세 (5차 계정판) 표준 지원 문서</a></li>
              <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ff955363.aspx">[MS-ES5EX]: Internet Explorer Extensions to the ECMA-262 ECMAScript 언어 명세 (5차 계정)</a></li>
            </ul>
          </dd>
        </dl>
        <p><span class="alllinks"><a href="/ko/docs/tag/JavaScript">모두 보기...</a></span></p>
      </td>
      <td>
        <h2 class="Tools" id=".EB.8F.84.EA.B5.AC_.26_.EA.B3.A0.EA.B8.89_.EC.9E.90.EB.A3.8C">도구 &amp; 고급 자료</h2>
        <ul>
          <li><a href="http://www.learnstreet.com/">LearnStreet</a> - 무료 온라인 자바스크립트 강좌와 연습용 예제.</li>
          <li><a href="http://www.codecademy.com/">Codecademy</a> - 양방향 시험식 무료 자바스크립트 코스</li>
          <li><a href="http://codeschool.com">Code School </a>- 단계별 학습을 통해 자바스크립트를 배우는 코스</li>
          <li><a href="http://www.letscodejavascript.com/" title="http://www.letscodejavascript.com/">Let’s Code: Test-Driven JavaScript</a>&nbsp;-&nbsp;screencast series on rigorous, professional JavaScript development</li>
          <li><a class="link-https" href="https://github.com/rwldrn/idiomatic.js">Idiomatic.js</a> - 자연스럽고 일관성 있게 자바스크립트 코딩하는 원칙(한국어 번역본도 있습니다)</li>
          <li><a href="/ko/docs/JavaScript/Memory_Management">Memory Management in JavaScript</a> - 자바스크립트에서의 메모리 관리 동작에 대한 개요.</li>
          <li><a class="external" href="http://www.getfirebug.com/">Firebug</a> - JavaScript 디버깅, 프로파일링</li>
          <li><a href="/ko/docs/Venkman">Venkman</a> - JavaScript 디버거</li>
          <li><a href="/ko/docs/JavaScript/Shells">JavaScript Shells</a> - 코드 테스트</li>
          <li><a class="external" href="http://www.jslint.com/lint.html">JSLint</a> - 좋지 않은 코딩을 알려주는 문법 검사기</li>
          <li><a class="external" href="http://jshint.com">JSHint</a> - 커뮤니티에서 생성한 문법 검사기</li>
          <li><a class="external" href="http://code.google.com/p/jsdoc-toolkit/">JSDoc</a> - 코드로부터 문서 생성</li>
          <li><a class="external" href="http://online-marketing-technologies.com/tools/javascript-redirection-generator.html" title="JavaScript Redirect">JavaScript Redirect</a> - advanced JavaScript redirect tool</li>
          <li><a class="external" href="http://www.aptana.com">Aptana Studio</a> - Ajax와 JavaScript를 지원하는 오픈소스 IDE (eclipse 기반)</li>
          <li><a class="external" href="http://netbeans.org/features/javascript/">Netbeans</a> - JavaScript를 정교하게 지원하는 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">Cloud9 IDE</a> - 브라우저에서 동작하는 Open source IDE 로 JavaScript 와 Node.js를 지원</li>
          <li><a class="external" href="http://prettydiff.com/">Pretty Diff </a>- 난독화된 코드부터 일반 코드까지 각자의 차이점을 비교하는 툴</li>
          <li><a href="http://www.objectplayground.com/" title="http://www.objectplayground.com/">Object Playground</a>&nbsp;-&nbsp; 객체지향 자바스크립트의 이해에 대한 스크린케스트와 툴</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/">BoilerplateJS</a> - 큰 규모의 JavaScript 프로젝트를 위한 구조체 레퍼런스</li>
          <li><a href="/ko/docs/JavaScript/Other_JavaScript_tools">다른 JavaScript 도구</a></li>
        </ul>
        <p><span class="alllinks"><a href="/ko/docs/tag/JavaScript:Tools">모두 보기...</a></span></p>
        <h2 class="Community" id="Other resources" name="Other resources">기타 자료</h2>
        <dl>
          <dt>
            <a class="external" href="http://bonsaiden.github.com/JavaScript-Garden">JavaScript Garden</a></dt>
          <dd>
            더욱 심도있고 유용한 자바스크립트의 정보가 있는 사이트 입니다.</dd>
          <dt>
            <a class="link-https" href="https://github.com/bebraw/jswiki/wiki">JSWiki</a></dt>
          <dd>
            각종 라이브러리와 리소스가 인덱싱 되어있는 Github 기반의 위키 입니다.</dd>
          <dt>
            <a href="http://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
          <dd>
            협업을 통해 구축과 관리가 이루어지는 Q&amp;A 사이트 입니다. 질문을 올리기 전에 먼저 검색을 시도해 보세요.</dd>
          <dt>
            <a href="http://pineapple.io/resources/tagged/javascript?type=tutorials&amp;sort=all_time">Pineapple · JavaScript</a></dt>
          <dd>
            최근의 자바스크립트 강좌와 리소스가 모여있는 데이터 베이스 입니다</dd>
        </dl>
        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">관련 주제</h2>
        <ul>
          <li><a href="/ko/docs/AJAX">AJAX</a>, <a href="/ko/docs/DOM">DOM</a>, <a class="internal" href="/ko/docs/JavaScript/Server-Side_JavaScript">Server-Side JavaScript</a>, <a href="/ko/docs/DHTML">DHTML</a>, <a href="/ko/docs/SpiderMonkey">SpiderMonkey</a>, <a href="/ko/docs/HTML/Canvas">Canvas</a>, <a href="/ko/docs/JavaScript/JQuery">JQuery</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<p>자바스크립트는 미국과 다른 나라에서 오라클의 상표 혹은 등록 상표입니다.</p>
Revert to this revision