[WEB] 웹 브라우저 탄생: Javascrpit, Adobe Flash 역사 (LiveScript 부터 React, Angular, Vue 까지)

 

---

웹 브라우저 탄생과 함께 Javascrpit, Adobe Flash 역사를 확인해보자

 

* 정기적으로 문서 업데이트되는 문서입니다.

* 잘못된 정보는 덧글 부탁 드립니다.

 

 

1991년

1. Java 탄생

• Sun Microsystems에서 근무하는 소규모 엔지니어 팀이 개발한 "Oak"라는 프로젝트로 탄생

---

1993년

1. Mosaic Web Brower 브라우저 탄생 (1993.04)

• 최초의 시각적 웹 브라우저 Mosaic Web Brower가 출시

 

---

1994년

1. Yahoo 웹사이트 탄생 (1994.03)

• 데이비드 플러먼(David Filo)과 제리 양(Jerry Yang)에 의해 창립되었습니다
• 정보가 있는 사이트들을 찾아보기 쉽게 분류하는 웹사이트(검색엔진)로 시작, 미디어 기업으로 전략
• HTML, CSS, javascript를 사용하되 동적 이미지(배너 등)의 애니메이션은 gif를 사용
• 한국은 1997년에 법인 설인

 

2. Netscape Navigator 브라우저 탄생 (1994.12.15)

• Marc Andreessen은 대학교 졸업과 동시에 Netscape라는 회사를 설립, Mosaic Web Brower를 만든 경험으로 Mosaic Web Brower에 UI 요소를 추가한 버전
• 웹 사이트에 HTML, CSS만 사용하여 만들었다.

 

3. LiveScript 언어 탄생

• 동적인 기능을 추가하는 언어를 사용하고자 Mocha가 탄생
• 추후 Mocha의 이름을 LiveScript로 변경하고 Netscape Navigator에 LiveScript 언어를 해석할 수 있는 엔진(Live Script Interpreter)을 추가하여 Netscape Navigator 브라우저를 재출시

---

1995년

1. JavaScript 언어 탄생

• Netscape에서 Java의 인기와 함께 LiveScript의 이름을 JavaScript로 변경
• Netscape Navigator 브라우저에 JavaScript 와 JS 엔진(JS Interpreter)이 포함되어 출시
• 초기에는 웹 페이지의 보조적인 기능을 하는 역할로 사용

 

2. Internet Explorer 브라우저 탄생 (1995.08.16)

• Microsoft에서 Netscape을 보고 자신들만의 브라우저를 만들고자 Netscape Navigator 을 역공학하여 기능을 추가했고 Internet Explorer를 출시 했다.
• Internet Explorer JScript와 JS 엔진(JS Interpreter)이 내장되어있다.
• 윈도우 운영 체제에 이 소프트웨어를 기본으로 포함하게 되면서 Internet Explorer 사용자 수가 많아졌다.

Internet Explorer
엔진: 트라이던트, 차크라프로그래밍
언어: 95개의 언어

---

1997년

1. ECMAScript 1 문서 발표 (1997.07)

• 조금씩 브라우저 호환성에 문제가 발생
• Netscape사는 ECMA International을 찾아가서 JavaScript로 표준안 제안 ECMAScript 1 발표

---

2000년

1. 플래시 도구 탄생

• 1996년 6명의 작은 벤처기업에서 gif기반 애니메이션의 한계를 극복하기위해 만든 애니메이터로 시작
• GIF는 비트맵 방식, 플래시는 벡터방식
• 웹환경에 최적화 등 적은 용량으로 인기

 

2. 액션 스크립트 언어 탄생

• Macromedia(나중에 Adobe에 인수됨)가 개발한 스크립트 언어
• 초기에는 플래시 애니메이션을 제어하기 위해 만들어 졌으나 시간이 흐르고 단순한 애니메이션 제어를 넘어서서 동적인 웹 콘텐츠 및 멀티미디어 요소를 제어하는 데 사용 됨
• HTML5의 등장으로 인해 웹 표준이 변화하면서 플래시와 액션스크립트의 중요성이 감소

 

3. 액션 스크립트 2.0

• 액션 스크립트 2.0 부터 객체 지향을 도입하고 PHP, Javascript와 연동하며 확장 되었다.
• 당시 기본 javascript도 사용하였으나, windowOS 기본설치 등으로 Adobe 플래시 사용자가 더 많았다.

---

2003년

1. Safari 브라우저 탄생 (2003.01.07)

• 애플이 개발한 웹 브라우저
• 최신 버전은 iPhone, iPad 등 애플 디바이스에서만 사용 가능

Safari 
엔진: 웹킷, 니트로프로그래밍
언어: C++, 오브젝티브-C, 스위프트

 

---

2004년

1. HTML5 (2004.07)

• Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작
• 2014년 10월 28일 HTML5 표준안을 확정했다고 발표하게 된다.

 

2. Mozilla Firefox 브라우저 탄생 (2004.11.09)

• 모질라 재단과 모질라 코퍼레이션이 개발하는 자유 소프트웨어 웹 브라우저로 윈도우, 리눅스, macOS, 안드로이드 그리고 iOS 및 iPadOS에서 실행

Mozilla Firefox
엔진: 게코, 스파이더몽키, 웹킷 (ios 한정)프로그래밍
언어: 86개 언어 (한국어 포함)

 

---

2005년

1. AJAX 탄생, JavaScript  발전

• 비동기적으로 서버와 통신하여 웹 페이지를 업데이트하는 기술
• 사용자와 상호작용하며 동적으로 정보를 표시하는 웹 애플리케이션의 필요성이 많아지면서 매번 전체 페이지를 다시 로드해야 했기 때문에 사용자 경험이 제한
• AJAX의 핵심인 XMLHttpRequest(XHR) 객체는 마이크로소프트에서 처음 도입, JavaScript를 사용하여 서버와 비동기적으로 통신하여 페이지 새로고침 없이도 데이터를 동적으로 업데이트할 수 있게 됨

---

2006년

1. jQuery 언어 탄생

• 2006년 존 레식(John Resig)이 개발한 라이브러리
• 자바스크립트의 문서 객체 모델(DOM) 조작을 간편하게 하기 위해 탄생
• 웹 개발자들이 자바스크립트로 다양한 기능을 구현할 때 브라우저 간의 호환성 문제와 DOM 조작의 복잡함으로 인해 어려움을 해결해줌

---

2008년

1. Google Chrome 브라우저 탄생 (2008.09.02)

• 구글이 개발 중인 프리웨어 웹 브라우저
• 크롬에서 사용 중인 웹킷 엔진을 애플이 복제하여 만든 블링크 엔진을 채용

Google Chrome
엔진: 블링크 (iOS는 웹킷), V8프로그래밍
언어: 47개 언어

 

---

2009년

1. ECMAScript 5 문서 발표

• 추가 라이브러리 도움없이 javascript가 모든 브라우저에서 동작하는 웹사이트나 웹어플리케이션을 만들 수 있을 정도로 표준이 정해짐

 

2. BABEL 탄생

• ECMAScript에 맞춰 개발 할 수 있는 JavaScript transcompiler 도구가 등장

 

3. Node.js 탄생

• 2009년에 라이언 달(Ryan Dahl)에 의해 최초로 발표
• 구글의 V8 JavaScript 엔진을 기반으로 하여 서버 측 JavaScript 실행 환경을 탄생
• JavaScript는 브라우저에서만 동작하는 클라이언트 측 언어에서 서버 측 언어로도 활용하게 됨

---

2010년

1. 액션 스크립트 3.0

• 웬만한 언어 수준의 능력을 가지는 도구가 되어 멀티플랫폼, 그래픽가속 3D개발, 소켓서버, 바이트 수준의 저수준조작, 동영상업로드 기능들을 가짐

 

2. 플래시 2.0

• 음악재생, 동영상재생 등 멀티미디어로써의 기능으로 확장
• 사용자가 직접 컨텐츠를 생산하고 소비하는 쌍방향성을 지향하여 컨텐츠 업로드, 조회 등이 가능해졌다.
• 2005년 생긴 유튜브 역시 업로드와 스트리밍 모든 플랫폼이 플래시 기반이다.

 

3. Apple 정책 공표

• 스티븐 잡스가 애플은 플래시를 지원하지 않음
• 스마트폰 인기가 많아지면서, apple 영향력이 커짐
• 플래시 게임에서 모바일 게임으로 세대가 변하게

 

4. Angular 탄생

• AngularJS의 성공을 바탕으로 Google이 개발한 프레임워크
• 클라이언트 측 웹 애플리케이션 개발에 혁명
• TypeScript를 기반으로 정적 타입 지정을 지원하여 코드의 안정성과 가독성이 좋다.

---

2013년

1. React 탄생 (2013.05)

• Facebook에서 개발한 프레임워크로 1번째 버전인 React 0.3.0을 발표하여 초기엔 Facebook에서 내부적으로 사용
• 이후 React는 공개된 소스코드로 발표 
• JavaScript를 기반으로 최신 자바스크립트 문법과 트랜스파일러를 사용하여 개발한다.

---

2014년

1. Vue 탄생

• 경량화 된 프레임워크로 인기

---

2015년

1. Microsoft Edge 브라우저 출시 (2015.07.29)

• 윈도우 10과 스마트폰 및 태블릿용 윈도우 10 모바일에 인터넷 익스플로러와 함께 탑재되어 출시 되었다.

Microsoft Edge
엔진: -프로그래밍
언어: C#, C++

 

2. ECMAScript 6 문서 발표

• 화살표 함수, 클래스, 모듈 등의 기능이 추가

---

2021년

1. 플래시 서비스 종료

• 보안문제로 인하여 Adobe Flash Player는 2021년 12월 31일부터는 공식적으로 지원이 종료되어 사용할 수가 없게 됨