"노마드 코더(Nomad Coders) - 바닐라 JS로 크롬 앱 만들기 복습"
"DO it! 웹 프로그래밍을 위한 자바스크립트 기본편 참고"
💻 Why JS?
아주 심플하고 강력한 프로그래밍 언어이기 때문에
아마 개발자가 프로그래밍의 첫 단계에 배우는 언어는 자바스크립트(Java Script)일 것이다.
90년대에만 해도 JS는 창 닫기, 클릭하면 영상 재생하기 등의 간단한 효과만 주는 언어에 불과했다.
하지만 지금은 그 얘기가 많이 다르다.
웹(Web)이라는 것이 우리 예상보다 빠른 속도로 성장했고, 지금도 성장하고 있기 때문이다.
웹의 성장은 JS의 영향력과 100% 비례해서, 웹이 성장하는 만큼 JS의 영향력도 커진다.
모든 브라우저는 JS로 만들었고 그 브라우저는 전 세계적으로 사용되고 있기 때문이다.
같은 말로 전 세계 사람들이 JS를 이해하고 JS를 통해 소통하고 있다는 것이다.
💻 What is JS?
🔍 알고 보면 우리가 맨날 사용하는 그것들
정확하게, 자바스크립트란 무엇인가?
일단 간단하게 예를 들면 브라우저 오른쪽 끝에 있는 X 버튼을 누르면 창이 꺼지는 효과 가 바로 자바스크립트를 이용한 것이다.
웹사이트, 웹 앱, 모바일 어플리케이션, Native application, 비디오 게임 등도 JS를 이용하여 만들 수 있다.
또한 유저의 위치, 그 위치의 날씨도 불러올 수 있고, 계산기도, 간단한 그림판도 만들 수 있다.
즉, 이젠 더 이상 JS를 브라우저 안에서만 한정시키지 않고, interactive programming을 위해 사용하고 있다는 것이다.
🔍 그래서 자바스크립트의 정의가?
한 마디로 자바스크립트는 프론트엔드에서 사용하는 프로그래밍 언어다.
간단하게는 브라우저에 어떠한 움직임을 주는(동적으로 만들어주는) 효과부터 크게 보면 데스크탑 앱까지 만들 수 있는 강력한 언어이다.
HTML, CSS처럼 JS도 버전이 있는데, 현재는 2019년 6월에 나온 ECMAScript 2019 (ES2019)가 최신버전이다. (현재 많이 쓰이는 건 저게 아니고 ES6 임)
ECMAScript는 쉽게 말해 JS의 설명문이라 생각하면 된다.
ECMA는 ECMA International(출처 : 위키백과)에서 따온건데, 이곳은 정보 통신 시스템을 위한 국제 표준화 기구이다.
JS는 중앙 집권화 되어 있고, 만약에 내가 JS를 업데이트를 하게 되면 (그럴일없다) 업데이트 사항이 전 세계 모든 브라우저에서 작동하게 된다.
이것을 방지하기 위해 넷스케이프(출처 : 위키백과)(JS를 지원하는 소프트웨어 회사)는 ECMA에게 자바스크립트의 표준화를 요청하였고, 그들이 만든 표준화된 JS의 이름이 ECMAScript이다.
🔍 Vanilla JS (바닐라 자바스크립트)
뭔가 이어서 ES6에 대한 설명이 나올것 같았지만,
바닐라 자바스크립트(Vanilla Javascript)에 대해 이야기 할 것이다.
왜냐면 ES6고 ECMA2019이고 모두 그저 자바스크립트의 설명서일 뿐이다.
즉, 가장 원초적인 것을 제대로 배워 놓으면 필요에 따라 응용만 하면 된다.
그것이 바로 바닐라 JS이다.
라이브러리가 없는 날 것의 JS 라고 보면 되는데, JS의 생얼버전이라고 일단 쉽게 이해하고 다음 포스팅에서 더 자세히 알아보자.
📝 TIL
- 자바스크립트를 배워야 하는 이유
- 자바스크립트란 무엇인가
- ECMASCript vs JavaSvript
- 바닐라 자바스크립트?
