📝
서은 STUDY_SCRIPT
  • JAVASCRIPT 기록
  • JAVASCRIPT 문법정리
    • 데이터 저장하기
    • 데이터 불러오기
    • 데이터 실행하기
    • 데이터 제어하기
    • 면접질문 정리
  • PHP를 이용한 사이트 작업
    • PHP와 MySQL
      • 댓글쓰기
      • 회원가입
      • 로그인
      • 게시판
        • 페이지네이션 & 게시글보기
        • 수정/삭제/목록/검색
  • 생활코딩 JavaScript
    • JavaScript 입문수업
      • Basic
        • 자바스크립트 기본 세팅
        • 데이터타입
        • 변수
        • 연산자
        • 조건문
        • 반복문
        • 함수
        • 배열
        • 객체
        • 모듈
        • 정규표현식
      • 함수지향
        • 유효범위
        • 값으로서 함수
        • 값으로서 콜백
        • 클로저
        • arguments
        • 함수의 호출
      • 객체지향
        • 생성자와 new
        • 전역객체
        • this
        • 상속
        • Prototype
        • 표준내장객체의 확장
        • Object
        • 데이터 타입
        • 복제 & 참조
    • JavaScript Basic
      • 자바스크립트란?
      • 데이터타입
      • 변수와 대입연산자
      • 제어할 태그 선택
      • 비교연산자와 불리언
      • 조건문 if
      • 리팩토링
      • 배열 [ ]
      • 반복문 while
      • 배열과 반복문
        • 배열과 반복문의 활용
      • 함수
        • 함수의 활용
      • 객체 { }
        • 객체와 반복문 for~in
        • 프로퍼티와 메소드
        • 객체의 활용
      • 파일로 쪼개서 정리정돈
      • 라이브러리 & 프레임워크
      • UI & API
    • Web Browser
      • JavaScript란?
      • BOM
        • 전역객체 window
        • 사용자와 커뮤니케이션
        • Location 객체
        • Navigator 객체
        • 창 제어
      • DOM
        • 제어 대상 찾기
        • jQuery
        • HTMLElement
        • Element 객체
          • 식별자 API
          • 조회 API
          • 속성 API
        • Node 객체
          • Node 관계 API
          • Node 종류 API
          • Node 변경 API
          • jQuery 노드 변경 API
          • 문자열로 노드 제어
        • HTMLCollection
      • 이벤트
        • 이벤트 등록
        • 이벤트 전파(버블링과 캡처링)
        • 이벤트 기본 동작 취소
        • 이벤트 타입
      • 네트워크 통신
        • Ajax
        • JSON
  • NOMAD JAVASCRIPT
    • VanillaJS
      • Why JS?
      • ES5, ES6
      • Basic
        • Alert & Console
        • Variable
        • Data Types
        • Array & Object
      • Function
      • DOM
        • Event & Event handler
        • Conditional
        • Function Practice
      • Momentum App
        • Making a JS Clock
        • Saving the User Name
        • To-Do List
        • Image Background
        • Getting Weather
  • DREAM CODING
    • 자바스크립트 기초 강의 (ES5+)
      • JavaScript 역사
      • async & defer / Strict Mode
      • Variable / Hoisting / Data Type
      • Operator / if / Loop
      • Function
        • 함수의 선언
        • 함수의 표현
      • Class
      • Object
      • Array
      • Array API
      • JSON
      • Callback
      • Promise
      • Async & Await
  • WEB BOS
    • #JavaScript30
Powered by GitBook
On this page
  • JavaScript History
  • 1. JavaScript란?
  • 2. 각 브라우저별 JavaScript Engines
  • 3. 최근동향

Was this helpful?

  1. DREAM CODING
  2. 자바스크립트 기초 강의 (ES5+)

JavaScript 역사

JavaScript History

연도

Description

1993년

Mosaic Web Browser

1994년

Netscape설립 HTML CSS만을 이용 정적인 웹사이트

→ Scripting 언어를 추가 → LiveScript 출시 (Mocha)

1995년

LiveScript → JavaSscript로 이름 변경 → Microsoft에서 JScript 출시

1997년

ECMAScript1 등장

(문법적인 사항들을 잘 정리한 문서)

2000년

Microsoft Internet Explorer 웹시장의 점유율↑ 95%

2004년

Mozila Firefox 출시 → AJAX 등장 (비동기적처리) → jQuery / dojo / mootools 등의 라이브러리 출시

2008년

Google Chrome 출시 : JIT 포함 (자바스크립 실행 속도가 엄청나게 빠른 강력한 엔진) → Netscape, Firefox, Internet Explorer, Chrome 표준화를 논함

2009년

ECMAScript 5

2015년

ECMAScript 6

매년 새로운 버전의 ECMAScript가 출시되고 있지만, 조금씩 수정된 것일 뿐, 커다란 변화들은 ES5 / ES6에서 모든 것이 정의 되었다고 볼 수 있음

1. JavaScript란?

웹 브라우저에서 여러 요소들을 동적으로 움직이고 외부와 통신할 수 있도록 도와주는 프로그래밍 언어

2. 각 브라우저별 JavaScript Engines

  • Chrome - V8

  • Firefox - SpiderMonkey

  • Safari - JSCore

  • MS Edge - Chakra

  • Opera - Carakan

  • Adobe Flash - Tamarin

3. 최근동향

  • ES6로 인한 표준화로 라이브러리 없이 웹 API만로도 웹 사이트&어플리케이션 개발이 가능

  • BABEL을 통해 최신 브라우저가 아니어도 사용할 수 있도록 ES5, ES6로 변환하여 배포

  • SPA 을 통해 하나의 페이지 안에서 필요한 부분만 업데이트가 가능

  • WepAssembly 를 통해 다양한 언어들을 이용하여 웹 어플리케이션 개발 가능 ex) 그래픽 툴 Figma

  • Node.js는 V8, Javascript를 이용한 backend에서 서비스를 구현할 수 있음

BABEL(Javascript transcompiler) : 최근 ECMAScript Specification의 JavaScript로 작업 후, 이전 버전으로 compile 해주는 것

*ECMAScript Specification(언어의 사양, 명세서) *JavaScript는 ECMAScript의 표준을 따르는 언어

SPA(Single Page Application) : 하나의 페이지 안에서 필요한 부분만 업데이트하는 것

Node.js : 자바스크립트는 프론트엔드 분야에서 주로 활용되는데, 노드JS가 등장하면서 자바스크립트로 백엔드 기술까지 제어할 수 있게 됨 즉, 또 다른 자바스크립트 실행 환경으로 웹 브라우저 밖에서도 자바스크립트를 실행할 수 있도록 만들어 주는 소프트웨어 플랫폼

Previous자바스크립트 기초 강의 (ES5+)Nextasync & defer / Strict Mode

Last updated 3 years ago

Was this helpful?