JavaScript

#0 자바스크립트(JavaScript) - 자바스크립트란?

에이블디 2022. 2. 8. 19:41

안녕하세요! 에이블디 입니다.

 

이번 시간에는 자바스크립트에 대해 알아보려고 해요!

 

자바스크립트를 공부하기 전에 자바스크립트란 언어는 무엇인지 알아보는 시간을 가져보도록 하겠습니다!

 

자바스크립트는 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로 개발을 하다가 공식적으로는 라이브 스크립트(LiveScript)로 불리며 1995년 9월에 베타 릴리스가 이루어졌으나 1995년 12월에 자바스크립트(JavaScript)로 바뀌게 됩니다.

 

자바스크립트라는 이름 때문에 자바(Java) 언어에서 파생되었다는 인상을 심어주어 혼란이 야기되었는데, 이것은 당시 대세였던 프로그래밍 언어인 자바의 이름을 넣어 마케팅적으로 이용하기 위해 네이밍을 자바스크립트로 하여 당시 인기 있는 웹 프로그래밍 언어로서 자바스크립트를 내밀기 위한 것이었습니다.

 

결론적으로 자바스크립트는 자바와 자바스크립트 양쪽 모두 C에 바탕을 두어 구문이 유사하다는 점 외에는 실제 자바와는 전혀 관련성이 없는 언어인 셈이지요!

 

자바스크립트는 원래 웹사이트에 움직이는 효과만을 주는 언어였습니다.

하지만 지금은 발전하여 자바스크립트로 서버를 만들거나 웹에서 작동하는 프로그램을 만드는 등 여러 가지 일을 할 수 있게 되었는데요, 지금부터 자바스크립트로 할 수 있는 일에 대해 알아보도록 할게요!

 

요즘 웹 사이트를 보면 예전에 비해 굉장히 화려한 사이트들이 많이 보이죠?

특히 마우스 포인터를 올렸을 때 하위 메뉴가 펼쳐지는 것과 같은 기능을 많이들 보셨을 거예요!

요즘 많이들 사용하시는 넷플릭스로 예를 들어보겠습니다.

 

위 이미지를 보시면 종모양의 알림 아이콘 위에 마우스 커서를 올렸을 때 신작들을 알려주는 하위 메뉴가 펼쳐지는 게 보이시죠?

이런 동적인 움직임을 주기 위해서는 자바스크립트를 사용해야 하는데요!

그 이유는 HTML과 CSS는 눈에 보이는 외관만을 담당하지 웹사이트에 움직임을 주지는 못하기 때문입니다.

때문에 웹사이트를 동적으로 만들어 주기 위해서는 자바스크립트를 사용해야 합니다.

 

그리고 웹브라우저에서 실행되는 프로그램도 만들 수 있습니다.

웹사이트에서 사용할 수 있는 그림판이라던지, 지도에 마커를 표시한다던가, 네이버 지도의 길 찾기 기능 같은 것들도 자바스크립트로 만들 수 있습니다.

 

또한 서버를 구성하고 서버용 프로그램을 만들 수 있는데요!

과거에는 서버 프로그램을 만들기 위해 PHP, ASP.NET, JAVA 같은 언어가 필요했습니다.

하지만 이제는 Node.js 같은 자바스크립트 프레임워크를 사용하면 서버 프로그램을 개발할 수 있게 되었습니다.

 

자바스크립트는 웹 브라우저에서 사용하기 위해 만든 언어인 만큼 웹 초창기 시절부터 사용한 언어입니다.

그래서 대부분의 웹 브라우저에서 작동을 하는데요, 여기서 주의할 점이 자바스크립트의 최신 문법은 웹 브라우저에서 즉시 사용할 수 있는 것은 아니라는 걸 주의하셔야 합니다.

자바스크립트는 에크마스크립트(ECMAScript)라는 이름으로 바뀌고 1년에 한 번씩 기능이 업그레이드되고 있습니다.

현재는 ES12(2021)까지 출시가 되어 있는데요, 2015년에 발표된 ES6 문법부터는 이전 버전의 브라우저에서는 지원되지 않는 문법이 많다는 문제가 있어 ES6 이후에 새로 생긴 문법을 사용하실 때 주의하여 사용하셔야 합니다.

 

또한 자바스크립트로 만든 다양한 오픈 API라이브러리, 프레임워크를 사용하여 웹 프로그램을 만들 수도 있습니다!

 

오늘은 자바스크립트가 무엇인지에 대해 간단히 살펴보았습니다.

 

오늘날 많은 영역에서 사용되고 있는 자바스크립트를 조금씩 같이 공부해 보면 좋겠습니다!