신기한 연구소

안녕하세요. 신기한 연구소입니다.

공부하기 딱 좋은 계절이 왔습니다.

자바스크립트를 공부하다 보면 ES6라는 용어가 종종 나옵니다.

물론 많은 분들이 아시겠지만 처음 공부하는 친구들은 ES6가 무엇인지 궁금해 할 수도 있겠지요?

저 또한 궁금한 마음에 찾아봤습니다.

자바스크립트(javascript)에 대한 이야기를 읽다 보면 ES6가 무엇인지 알게 된답니다.

인터넷을 모르던 시절 군 제대 후 복학해서 그저 당구와 술로 인생을 허비하던 때~

몇몇 친구들이 PC통신을 하고 있더군요.

처음엔 돈 들여서 왜 하지?라고 생각을 했는데

다양한 정보를 접하기도 하고 심지어 실시간으로 채팅도 한다더군요.

그러던 어느날 학교 공용 컴퓨터를 만나게 되었는데

윈도우즈98 운영체제에 익스플로러와 내비게이터라는 브라우저가 설치되어 있더군요.

한메일, 라이코스, 알타비스타 등 다양한 검색엔진을 통해 정보를 얻을 수 있었고

하늘사랑으로 채팅도 하고

스타크래프트 게임도 배우게 되었답니다.

심지어 배틀넷으로 다른 사람들과 게임을 한다는 것에

놀라움을 금치 못했었답니다. 

이땐 익스플로러와 내비게이터라는 브라우저를 사용했는데

화면으로 보여지는 면에서 익스플로러가 더 깔끔해서 자주 애용했던 기억이 있네요.

1996년도 이야기입니다.

1995년도 넷스케이프 커뮤니케이션즈(내비게이터 브라우저) 마크 안드레센은 

웹페이지의 DOM 과 통신을 할 수 있는 경량 프로그래밍 언어가 필요했습니다.

당시 90%정도의 웹 브라우저 시장을 점유한 넷스케이프 2.0에 자바스크립트가 탑재되었는데

브랜던 아이히가 이 언어의 최초 버전을 개발했다고 합니다.

초기엔 모카로 명명했다가 다시 LiveScript라고 불렸는데

선마이크로시스템즈와 계약을 맺게 되면서 자바스크립트로 불리게 되었다고 하네요.

그래서 자바와 자바스크립트는 사실 같은 언어는 아니지만 자바라는 이름을 같이 사용하게 된 거라네요.

1996년에 마이크로소프트에서는 자바스크립트와 비슷한 JScript를 인터넷 익스플로러 3에 탑재하게 됩니다.

하지만 두 회사의 스크립트는 비슷하긴 했지만 다른 부분도 있었기에 

개발자들이 구현하기 힘들었던 부분이 있었습니다.

익스플로러에 맞춰 개발하면 내비게이터에서 오류가 나거나 그 반대인 경우도 있었지요.

그래서 스크립트에서 브라우저 버전을 체크해서 다른 스크립트로 구현했던 기억도 나네요.

인터넷 사용자들이 증가하고 이에 따라 효율적으로 통합된 스크립트가 필요하게 됩니다.

다시 말해서 브라우저와 관계없이 유연하게 작동하는 통합 스크립트가 필요하게 된 겁니다.

그래서 1996년 넷스케이프 커뮤니케이션즈에서 

컴퓨터 시스템의 표준을 관리하는 비영리 표준화 기구인

ECMA(European Computer Manufacturers Association)

에 표준화 작업을 요청합니다.

1997년 ECMA-262, 자바스크립트 초판이 나오게 됩니다.

바로 ES1 (ECMAScript 1)이 초기 버전이 됩니다.

이후 E2부터 2015년 ES6버전까지 나오게 되며

ES7부터 ES11(2020년)까지 나오지만 ES6버전으로 표준이 정립되게 됩니다.

이제 ES6가 무엇인지 알게 되었네요. ㅎㅎ

참고로 ES6 버전부터 let, const라는 키워드도 추가되었답니다.

자바스크립트는 브라우저의 보조적 스크립트 프로그래밍 언어로 시작했지만

점점 발전하게 되어 이제는 Ajax로 비동기 방식 통신도 지원하고

jQuery로 DOM을 더 쉽게 컨트롤할 수 있게 되었으며

V8 자바스크립트 엔진의 등장으로 자바스크립트 런타임 환경인 Node.js 가 2009년도 나타납니다.

Node.js는 서버 사이드 애플리케이션 개발에 주요 사용된답니다.

그리고 이제는 SPA(Single Page Application), 단일 페이지 애플리케이션의 시대가 되었다고 합니다.

Angular, React, Vue.js 등 SPA 프레임워크 또한 많은 영역에서 사용을 하고 있답니다.

올 초에 잠시 발을 담갔던 공공 프로젝트의 UI 소스를 본 적이 있었습니다.

하나의 소스에 여러 화면에 대한 html이 작업되어 있었고

상황에 따라 동적으로 표현되도록 개발되어 있었습니다.

각 페이지마다 필요한 데이터만 동적으로 서버에 요청해서 받을 뿐

html은 처음 호출 때 이미 가지고 있었던 겁니다.

왜 이렇게 복잡하게 만들었을까?라는 생각을 했었는데

바로 SPA로 개발된 소스였답니다.

방금 말한 대로 초기에 모든 화면의 html을 불러와야 하는 부담과

개발할 때 하나의 소스 파일에 여러 화면을 동적으로 구성해야 하는 복잡성이 단점이지만

이렇게 구현이 되고 나면 사용상의 성능은 훨씬 좋아지게 된다고 합니다.

모르면 배워야 합니다.

내가 모르면 이건 잘못된 것이다, 이상하다고 생각하면 안 되겠지요?

이번에 또 하나를 배워갑니다.

자바스크립트 이야기는 이 정도로 하고

다음 포스팅부터는 기초적인 문법을 아주~ 쉽게 같이 공부해보도록 하겠습니다.

안녕하세요. 신기한 연구소입니다.

2월부터 투입되었던 프로젝트 철수를 눈앞에 앞두고 있는데

말년 병장같은 기분으로 출근을 하고 있습니다. (으흐흐)

얼른 인수인계를 마치고 떠나고 싶네요..ㅋㅋ

다음 프로젝트에 대해 생각하지는 않고 여름휴가도 좀 챙기고

술 한잔 하면서 스크립트를 다시 공부해야겠다는 생각을 하게 되었네요.

지금도 웹스퀘어(Web Square)라는 상용툴을 사용 중인데

내부는 자바스크립트(JavaScript)로 만들어진 프레임워크인 듯합니다.

개인적으로 상용 툴을 별로 좋아하지는 않지만(지원 등등 문제로)

현실적으로 프로젝트를 너무 가려서 하기는 힘들기에.. 그냥 받아들인답니다.

짬밥이라고 하나요?

처음이 어렵지. 몇 번 하다 보면 다 비슷비슷하답니다.

여러분들도 처음이라 그런 거예요.

사실 학원에서 배워서 실전에서 바로 투입 후 개발을 잘하기는 힘들 겁니다.

저 또한 그랬던 시간이 있었거든요. ㅎㅎ

최근까지 X-Flatfrom이라는 툴을 장기간 사용했기에

발전해가는 자바스크립트를 접할 기회가 없었답니다.

예전 두꺼운 자바스크립트(javascript) 책으로 독학하면서 

열심히 코딩했던 기억이 나네요.

그 책을 다시 보려고 했지만 이제 오래된 책이 되었기에

새로운 책을 찾아 도서관에 방문해서 몇 권 대출해왔습니다.

사실 다양한 프로그래밍 관련 책들이 계속 나오고 있지만

비슷하거나 개인적으로 맘에 들지 않은 경우가 종종 있기에

도서관에서 (그래도 나름 최신판으로 나옵니다) 먼저 대출해서

쭉 읽어보고 난 뒤 맘에 들면 구매를 하고 있답니다.

책을 빌려오고 읽으면서 스마트폰을 잠시 열었는데...

어떻게 알았는지 유튜브에서도 코딩 열풍에 관한 영상들이 나오기 시작하더군요.

그래서 관심을 갖고 영상들을 봤는데

요즘 코딩 학원도 다니고 취업을 위해 고생하는 친구들이 많더군요.

저 또한 학원도 다녀보고 독학도 해보고 그렇게 취업을 해서

20년 넘게 IT 개발을 하고

다양한 언어와 툴 (Delphi, VB, PB, C/C++, JavsScrip, Ajax, jQuery, ProC, Java 등등)

을 사용하면서 시중에 나온 책과 현실과의 차이를 많이 느끼기도 했습니다.

처음 SQL을 학원에서 배웠을 때

책 보고 내용은 이해했지만..

그래서 뭘? 어떻게? 어디서? 실전에 사용하는지 전혀 알 수 없었고

답답했던 기억이 나네요.

새로 시작하는 여러분들도 분명 그런 답답하고 힘든 마음이 있을 거라 생각됩니다.

새로 시작하는 마음으로 정리도 하고

정말 최대한 개 쉽게 재미있게 포스팅을 해보려고 합니다.

또한 실전에서 프로젝트를 하면서 필요한 부분들을 

기억을 더듬어 대왕초보도 이해할 수 있도록

준비해보려고 합니다.

직장 생활하고 프로젝트를 진행하다 보면 공부할 시간이 많지는 않지만

비전공으로 이 세계의 생활에 동참하고 싶은 친구들에게

조금이나마 같이 공감하는 장소가 되었으면 하네요.

다들 조금은 여유를 가지고 같이 자바스크립트(JavaScript)

왕초보-> 실전의 길로 가보도록 해용~~~

빨리 가서 책 봐야겠습니다.