자바스크립트(JavaScript)에 대해 가볍게 알아보자

나는 Vue.js로 여러 프로젝트를 진행했지만, 아이러니하게도 자바스크립트에 대해선 잘 모른다.

왜 이럴까 생각해본 결과, 프로젝트 당시에는 구현에 급급해서 필요한 문법이나 기능을 구글링해 써먹고

다음날 바로 잊어버리는.. 아무튼 제대로 각 잡고 공부를 안 해서 그런 것 같다.

그래서 이제 팀 프로젝트도 끝났고, 취준생 신분이지만.. 시간적 여유가 좀 있어서

JS를 배우며 디자인 + UI / UX + 프론트를 겸한 개인 프로젝트를 해보려고 자바스크립트 교재를 샀다.

교재로 JS를 배우며 알게된 것들, 느낀 것들을 기록하려고 블로그에 JS 카테고리를 만들었다.

---

우선 내가 구매한 책은

모던 자바스크립트

이 책이고, 가능하면 ebook으로 구매하고 싶었는데 아직 없는 것 같아 종이책으로 구매했다.

책 두께는 4cm정도의 둔기급이지만 4만원 비싸.. 교재비 지원해주는 회사에 취업하고 싶다..

---

일단 내가 JS에 대해 알고 있는 것을 정리하면

- 프론트 3 대장 중 하나이다 (HTML, CSS, JS)

- CSS로 한계가 있는 퍼포먼스를 JS로 보완할 수 있다. (onclick 같은 이벤트나 동적인 효과를 부여할 때..)

- 일부 코딩 테스트에서 지원하는 언어이다

- Java랑 전혀 다르다. (마케팅?을 위한 작명이라고 들은 것 같다)

- 코드 뒤에 세미콜론(;)을 찍어도 되고 안 찍어도 되는데, 찍는 것을 권장하고 있다

- var, const, let을 변수 앞에 붙인다.. var는 유연하고, const는 재할당이 안되었던 것 같다

---

교재 2장에서 자바스크립트가 뭔지 정리를 해주었는데, 내 나름대로 요약해보았다.

JS 정리

자바스크립트는 크게 ECMAScript와 DOM API로 이루어져 있는데,

여기서 ECMAScript는 우리가 프론트엔드 채용 공고에서 흔히 볼 수 있는 ES어쩌구 (보통 ES6더라)를 뜻한다.

ECMAScript는 스크립트 언어에 대한 표준 정의? 공식? 문법 기준? 이런 것이라고 생각하면 될 듯하다.

참고로 ES6는 2015년에 출시한 버전이다.

이외에는 DOM API 쪽이 가장 대표적이라 저것만 적었는데 BOM, Canvas.. 등등 자잘하게 많이 있다.

DOM API는 브라우저 문서를 직접 조작할 수 있는 기능이다.

document.getElementById("~~~"); 같은 것이 DOM API를 사용한 것이라 볼 수 있다.

JS에서 파생된 나머지(Ajax, jQuery, Node.js) 개념들은 간단히 정리하긴 했지만

자세히 알고 싶다면 검색을 통해 다른 블로그 글을 찾아보면 좋을 듯하다.

---

그리고 JS는 인터프리터 언어이고,

명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다.

ES6 전에는 클래스가 없어서 객체지향 언어가 아니라고 오해를 받았다고 한다.

그리고 IE를 제외한 대부분의 브라우저가 ES6를 지원하지만, IE와 일부 구형 브라우저는 지원하지 않아서

Babel을 사용해 구현한 소스코드를 다운그레이드 해야 한다고 한다.

 

다음 포스트에서는 자바스크립트 변수에 대해 알아보자.