[Js] JavaScript란?

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다.

상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다.

 

 

Java Script를 이야기 한다면 가장먼저 웹 브라우저가 떠오른다

 

javascript라는 프로그래밍 언어는, 웹 브라우저의 형태의 웹 브라우저라고 분류되는 소프트웨어들을 

프로그래밍적으로 제어하기 위한 언어이기 때문이다.

 

---

 

 

JavaScript

JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다.
그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다.

최근에는 HTML5의 적용이 가속화되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드, IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현할 수 있게 되고 있다.

웹이 크로스플랫폼이라는 점, 검색 가능하다는 점, 네이티브 디바이스를 제어할 수 있는 하드브리드 시스템(phonegap 등)이 존재한다는 점에서 웹의 중요함은 더욱 확대될 전망이다.

자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요함도 점점 커질 것으로 예상된다.

자바스크립트로 할 수 있는 일을 참고하면 알 수 있지만, 최근에는 자바스크립트가 웹을 벗어나서 광범위하게 사용되고 있다. 그 효용이 다각적이면서도 배우기 쉬운 점 때문에 자바스크립트는 중급 개발자나 프로그래밍 입문자 모두가 도전해볼만한 언어다.

출처 : https://opentutorials.org/course/743/4650

 

 

Java Script를 할 줄 안다면

 

사용자가 어떠한 행위를 하였을 때, 브라우저를 프로그래밍 적으로 제어할 수 있게 된다.

ex) onclick="alert('hello world');" -> 클릭 시 경고창 출력시킴.

 

 

 

탈 웹브라우저

자바스크립트를 "탈 웹브라우저" 언어라고도 한다.

 

더이상 웹브라우저를 제어하는 용도로만 사용되고 있지는 않다는 뜻이다.

 

그렇다면 어떠한 용도로 사용될까?

 

ex ) 웹 서버 동작 도구

-> server side script라고 한다 : node.js

 

 

자바스크립트는 원래, 웹브라우저를 제어하는 용도로 고안 되었다.

 

많은 사람들이 사용하고, 다양한 기술이 발전함에 따라

자바스크립트를 웹서버에서도 사용할 수 있는 기술이 생기게 되었다.

 

web server에서 사용하는 언어는 PHP, JAVA, Python ..등 이 있었다.

 

하지만 오늘날 탈 웹브라우저 라는 추세에 맞물려

 

자바스크립트가 웹 서버에서도 위와 같은 언어들을 대처하기 위한 기술로 사용되고 있는데

 

그중 각광 받고 있는 기술이 바로 Node.js인것이다.

 

그래서 웹 서비스를 만든다고 할 시,

웹 서버 웹브라우저 둘 다 javascript로 다 통일 시킬 수 있다는 장점이 생긴다.

 

 

아래 예시를 보면, node라는 node.js 기술을 사용하여

node.js라는 파일을 실행시키는 모습이다. 

: node node.js  -> node (파일명)

 

보통, php나 java와 같은 언어에서 실행 될 수 있는 작업을 javascript 기술로 구현하게 되는 것이다.

 

탈웹

자바스크립트가 웹 뿐 아니라 바깥에서도 사용되게 된 것이다.

 

대표적 사례 : Google Apps Script !

구글의 온라인 엑셀 중 스크립트 편집기를 클릭하면,

 

자바스크립트 코드를 문법에 맞추어 쓸 수 있다.

 

 

 

msgBox : 경고창과 비슷하지만, 경고창은 브라우저가 가진 기능이고,

이 msgBox는 구글 스프레드시트가 가진 기능이다.

 

즉, 자바스크립트는 

단순히 웹 브라우저를 제어하기 위한 도구로 사용되는 것이 아니라

여러 분야에서 다양하게 사용될 수 있다는 것이다.

 

 

자바스크립트는 다양한 분야에서 사용되기 때문에, 

언어가 동작하는 환경을 조금 분리해서 생각하면 효용성이 높아진다.

 

언어를 사용하는 대상을 환경이라고 하는데, 위 예시를 살펴보면 이해가 쉬울 것이다.

 

목적을 달성하기 위해 알아볼 것.

~~ 해주세요 : 언어 (한국어)

개발, 치료, 변호 : 명령

개발자, 의사, 변호사 : 환경

 

즉 프로그래밍 적으로 따지고 보자면 아래와 같이 표현 할 수 있다.

 

 

 

위 예시를 보면

~(' '); 와 같은 것은 자바스크립트라는 프로그래밍 언어의 문법이다.

 

웹브라우저, node.js, SpreadSheet .. 등 자바스크립트가 동작하는 환경인 것이다.

 

즉, 내가 사용하고 싶은 환경에 쓰고 싶다면,

~ 부분에 alert또는 write, msgBox등 환경에 맞게 적어주면 되는 것이다.

 

문법 자체는 javascript라는 언어적인 특성이고,

제어하고 싶은 환경에 따라 각각 다른 명령어를 써주는 것이다.

 

 

 

 

사용자 :  제공되는 ui를 통해 시스템을 제어하는 것.

 

개발자가 된다는 것은 Code를 통해 제품을 제어하게 되는 것!

 

 

 

JavaScript로 할 수 있는 일들

 

• 웹페이지 스크립팅 - DOM
• 서버 측 스크립팅 - node.js
• 브라우저 확장기능
  • Google Chrome extensions
  • Opera extensions
  • Apple Safari 5 extensions
  • Apple Dashboard Widgets
  • Microsoft Gadgets
  • Yahoo! Widgets
  • Google Desktop Gadgets
  • Serence Klipfolio
• Adobe PDF
• Tools in the Adobe Creative Suite,
  • Photoshop
  • Illustrator
  • Dreamweaver
  • InDesign
• OpenOffice.org
• Unity 게임 엔진
• Google Apps Script
  • Google Spreadsheets
  • Google Sites
• 채팅 시스템
  • ChatZilla
  • XChat