🖕
javascript 생활코딩
  • 자바스크립트
  • 자바스크립트 기본
    • 실행방법과 실습환경
    • 숫자와 문자
    • 변수
    • 주석
    • 줄바꿈과 여백
    • 비교
    • 조건문
    • 반복문
    • 함수
    • 배열
    • 객체
    • 모듈
    • UI와 API 그리고 문서보는 법
    • 정규표현식
  • 함수지향
    • 유효범위
    • 값으로서의 함수와 콜백
    • 클로저
    • arguments
    • 함수의 호출
  • 객체지향
    • 객체지향 프로그래밍
    • 생성자와 new
    • 전역객체
    • this
    • 상속
    • prototype
    • 표준 내장 객체의 확장
    • object
    • 데이터 타입
    • 참조
  • 패턴
    • 재귀함수
  • css
    • overflow-x 와 overflow-y 의 속성
Powered by GitBook
On this page
  • JavaScript
  • 역사
  • ECMAScript
  • JavaScript 학습에 요구되는 선행학습
  • JavaScript로 할 수 있는 일들
  • JavaScript에 영향을 준 언어
  • 참고

Was this helpful?

자바스크립트

언어 소개

Next자바스크립트 기본

Last updated 4 years ago

Was this helpful?

JavaScript

JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다. 최근에는 HTML5의 적용이 가속화되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드, IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현할 수 있게 되고 있다. 웹이 크로스플랫폼이라는 점, 검색 가능하다는 점, 네이티브 디바이스를 제어할 수 있는 하드브리드 시스템(phonegap 등)이 존재한다는 점에서 웹의 중요함은 더욱 확대될 전망이다. 자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요함도 점점 커질 것으로 예상된다.

역사

HTML이 한번 화면에 출력된 후에는 그 형태나 동작방법을 바꿀 수 없는 문제를 해결하기 위해서 네스케이프에서 만들어졌다. 이후에 이 언어는 마이크로소프트의 인터넷 익스플로러에 jscript라는 이름으로 탑재된다. 후에 ECMA라는 표준화 기구로 이 언어의 관리 주체가 옮겨졌다.

ECMAScript

ECMAScript는 표준화 기구인 Ecma International에 의해서 관리되는 자바스크립트 표준안이다. 현재의 자바스크립트는 ECMAScript 3 기반으로 만들어졌고, 현재 시점(2013년)에서는 ECMAScript 5가 표준으로 정의 되었고 이 버전의 자바스크립트를 브라우저 벤더들이 자신들의 브라우저에 구현하는 작업이 한창이다. 곧 ECMAScript 5의 새로운 기능들을 웹에서도 문제 없이 사용할 수 있게 될 것이다. ECMAScript 4는 기존의 자바스크립트와 너무 큰 차이점 때문에 표준으로 채택되지 못했다.

JavaScript 학습에 요구되는 선행학습

웹페이지를 동적으로 제어하기 위한 목적으로 자바스크립트를 학습한다면 아래 내용은 반드시 선행해야한다. 아래 내용을 학습 한 후에 본 수업을 공부하고 DOM을 학습하면 웹페이지를 프로그래밍적으로 제어 할 수 있다. 최근에는 DOM을 직접 제어하는 것 보다는 jQuery와 같은 라이브러리를 사용하는 것이 일반적이다. DOM에 대한 내용은 을 참고하고 jQuery에 대한 내용은 을 참고한다.

  • HTML

    • 웹페이지를 만드는 언어로 자바스크립트가 제어하는 직접적인 대상이다.

    • 생활코딩 과 을 참고한다.

  • CSS

    • 웹페이지를 꾸며주는 언어로 자바스크립트와 함께 사용되어 HTML을 보다 사용자 친화적인 문서, 응용프로그램으로 만들어준다.

    • 생활코딩 , 을 참고한다.

JavaScript로 할 수 있는 일들

  • 웹페이지 스크립팅 - DOM

  • 서버 측 스크립팅 - node.js

  • 브라우저 확장기능

  • 채팅 시스템

JavaScript에 영향을 준 언어

  • Java : 기본적인 문법

  • Scheme : 1급함수(first-class function) 함수의 인자와 반환값으로 함수를 사용

  • Self : prototype 기반의 상속 개념

참고

Google extensions

extensions

Apple extensions

Apple

Microsoft

Adobe

Tools in the ,

게임 엔진

jQuery를 만든 John Resig의 JavaScript 고급 강의

Firefox의 모질라 재단에서 운영중인 자바스크립트 튜토리얼

JavaScript 사전

DOM 수업
jQuery 수업
HTML 수업
HTML 사전
CSS 수업
CSS 사전
Chrome
Opera
Safari 5
Dashboard Widgets
Gadgets
Yahoo! Widgets
Google Desktop Gadgets
Serence
Klipfolio
PDF
Adobe Creative Suite
Photoshop
Illustrator
Dreamweaver
InDesign
OpenOffice.org
Unity
Google Apps Script
Google Spreadsheets
Google Sites
ChatZilla
XChat
http://ejohn.org/apps/learn/
https://developer.mozilla.org/ko/docs/JavaScript/Guide
http://opentutorials.org/course/50
http://www.html5rocks.com/ko/