JavaScript의 정의
자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 주로 웹 브라우저 내에서 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에서도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈의 브랜던 아이크가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. 가장 최근 버전은 ECMA2020인데 ECMA란 쉽게 말해 자바스크립트의 표준화된 버전이다.
JavaScript로 무엇을 할 수 있을까?
대표적으로 보자면 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있다. 우리가 생각하는 대부분을 자바스크립트로 웹페이지에 구현할 수 있다. 심지어 자바스크립트만 가지고 게임도 만들 수 있다.
좀 더 세분화해서 말하자면 다음과 같다.
- HTML 페이지 변경 및 HTML 엘리먼트와 콘텐츠의 추가나 제거
- CSS 및 HTML 엘리먼트의 스타일 변경
- 사용자와의 상호작용, 폼의 유효성 검증
- 마우스와 키보드 이벤트에 대한 스크립트 실행
- 웹 브라우저 제어, 쿠키 등의 설정과 조회
- AJAX 기술을 이용한 웹 서버와의 통신
- 동적인 효과 이미지 롤오버 상태표시줄에 문자열표시 등
- 웹사이트의 기능적인 면 쿠키처리, 새로운 Window열기 등
API의 강력함
API(Application Programming Interface)란 이미 만들어진 코드의 집합체라고 볼 수 있으며, 개발자들이 만들기 어렵고 힘든 부분을 쉽게 구현하도록 하는 프로그램이라 볼 수 있다. 마치 집에서 가구를 만들 때 직접 디자인하고, 재료를 구하고, 재단하고, 못을 박고 하는 등 혼자서 모든 것을 하는 대신 가구 만들기 키트를 사는 것과 같다고 보면 된다.
일반적으로 API는 두 종류로 구분된다.
Browser API
Browser API는 웹 브라우저에 설치된 API로, 컴퓨터 환경구성으로부터 데이터를 보이게 하고 복잡한 일들을 하게 한다.
몇 가지 예시를 들자면,
- DOM(Document Object Model) API: 동적으로 페이지의 스타일을 정하는 등 HTML과 CSS를 알맞게 조정하는 역할을 한다. 우리가 매일 보는 팝업창이나, 위의 사진과 같이 컨텐츠들이 보여지는 것들이 모두 DOM의 결과라고 볼 수 있다.
- Geolocation API: 지리적인 정보를 검색하게 해준다. 예를 들어, Geolocation API로 현재 위치의 위도와 경도를 받아와서 Weather API를 통해 현재 위치의 날씨를 웹페이지에 나타낼 수 있다.
- Canvas & WebGL API: 2D와 3D 그래픽을 만들 수 있도록 한다.
- Audio & Video API: HTMLMediaElement와 WebRTC같은 기술이 있는데 음악과 비디오를 웹페이지 상에서 재생하고, 웹캠으로 캡처하고 다른 컴퓨터에 표시하는 등의 멀티미디어를 활용할 수 있는 기술을 제공한다.
Third party API
Third party API는 브라우저에 기본적으로 설치된 API가 아닌 인터넷에서 개인적으로 정보와 코드를 얻어와 프로그래밍한 것을 말한다.
예를 들면,
- Twitter API: 웹사이트에서 가장 최근의 트윗을 보여주도록 한다.
- Google Maps API: 웹사이트에 원하는 지도를 넣어주고, 추가기능을 지원한다.
❗️자바스크립트의 실행순서는 일반적으로는 위에서 아래로 실행된다. 이는 다시말하면, 순서에 주의해서 코드를 작성해야 한다는 것이다.
