1. JavaScript 시작하기

JavaScript

Web 기술의 기반이 되는 언어

• HTML 문서의 콘텐츠를 동적으로 변경할 수 있는 언어

 

다양한 분야로 확장이 가능한 언어

2022년 현재, 가장 인기있는 언어

 

JavaScript의 역사

Web을 조작하기 위한 언어인만큼 Web Browser와도 깊은 연관 관계가 있음

 

웹 브라우저의 역할

URL을 통해 Web(WWW)을 탐색함

HTML/CSS/JavaScript를 이해한 뒤 해석해서 사용자에게 하나의 화면으로 보여줌

웹 서비스 이용 시 클라이언트의 역할을 함

웹 페이지 코드를 이해하고, 보여주는 역할을 하는 것이 바로 웹 브라우저

 

웹 브라우저와 스크립트 언어

• 1993, Mosaic Web Browser
  • 유저가 웹을 쉽게 탐색할 수 있게 버튼 등을 탑재한 GUI 기반의 웹 브라우저
• 1994, Netscape Navigator
  • Mosaic Web Browser를 개선한 후속작, 시장 점유율 80% 차지
• 이때 까지만 해도 정적 웹 페이지를 단순히 보여주는 용도
• 웹 브라우저에 탑재해서 웹 페이지를 동적으로 바꿔줄 Script 언어 개발 필요
  • Script 언어? - 소스 코드를 기계어로 바꿔주는 컴파일러 없이 바로 실행 가능한 언어 속도가 느리다는 단점이 있음
• Netscape 에서 약 10일의 개발 기간을 통해 Script언어인 Mocha 개발
• 이후 LiveScript로 이름 변경 후 브라우저에 LiveScript를 해석해주는 Engine을 내장
• 당시 인기있던 JAVA의 명성에 기대보고자 JavaScript로 이름 변경
• 1995, Microsoft의 Internet Explorer
  • “Netscape가 너무 잘나가는데? 우리도 Web Browser만들어보자”
  • JavaScript를 그대로 복사한 JScript라는 언어 제작 후 이를 탑재한 Web Browser인 Internet Explore출시
  • 이후 JavaScript와 JScript는 각자의 기능을 추가하기 시작
  • 개발자들은 Netscape Navigator와 Internet Explorer각각에 대한 코드를 작성 해야 하는 상황을 맞이하게 됨
• 1996-2000, ECMA 표준 발의
  • Netscape가 정보 통신에 관한 규약을 만드는 비영리 단체 ECMA에게 JavaScript 기반의 표준안 발의 제안, ECMAScript1 출시
  • 이후 여러가지 문법이 추가되며 ECMAScript의 버전이 올라감
  • 이 상황을 지켜보던 Microsoft
    • “Windows 알지? 우리는 거기에 기본적으로 Internet Explorer 탑재함!”
  • 결국 시장 점유율 95% 이상으로 증가, SCMA Script표준안 지키지 않겠다 선언
• 2001-2004, 다양한 웹 브라우저의 등장
  • ActionScript3라는 스크립트 언어를 기반으로 한 Firefox웹 브라우저 출시
  • 개발자 : ☠☠☠
    • Netscape Navigator & Internet Explorer & Firefox 지원을 위해 고통
  • 이후 Opera등의 다양한 웹 브라우저가 계속 시작에 출시됨
  • 다양성으로 인해 더더욱 많은 개발자가 필요해졌고, 이는 집단 지성을 형성
• jQuery 등의 라이브러리 등장
  • 각 브라우저의 엔진에 맞는 스크립트를 여러 번 작성하는 것이 고통스러움
  • 중간에 하나의 레이어를 두고 코딩하는 것 = jQuery
    • jQuery 문법에 맞춰 작성하면 브라우저별 엔진에 맞는 스크립트 변환은 jQuery가 알아서 변환해줌
  • 이후 아주 많은 코드가 jQuery로 작성됨
• 2008, Google의 Chrome 등장과 대통합의 시대
  • V8이라는 강력한 엔진을 탑재한 Chrome 등장
    • JavaScript 해석이 다른 웹 브라우저에 비해 월등히 빠름
    • 이로 인해 웹 브라우저가 버벅임이 없고 매우 빠르게 동작
  • Chrome의 성능 앞에서 다른 웹 브라우저들이 함께 표준안을 만들자고 제안
• 2009, ECMAScript5 (ES5) 표준안 제정
• 2015, ECMAScript6 (ES6) 표준안 재정
• 이후에도 계속해서 버전이 업데이트 되고 있으나, 큰 변화는 ES6에서 이루어짐

 

[ 정리 ]

• 웹 브라우저는 JavaScript를 해석하는 엔진을 가지고 있음
• 현재의 JavaScript는 이제 시장에서 자리를 잡은 언어이며, 개발에서 큰 축을 담당하는 언어
• 더 이상 jQuery등의 라이브러리를 사용할 필요가 없음 (모든 웹 브라우저가 표준안을 따름)
• 특히, Chrome의 V8의 경우 JavaScript를 번역하는 속도가 매우 빠름
  • 물건인데? Web Browser에서만 사용하지 말고 다른 개발에서도 활용해보자!
  • node.js, react.js, electron 등의 내부 엔진으로 사용됨
  • 그 결과, back-end, mobile, desktop app 등을 모두 javaScript로 개발이 가능해짐