자바스크립트 문법 뜯어보기 - [1: 자바스크립트란?]
이전 몇 개의 글을 통해서 제 블로그에 올라오는 글은 전부 자바스크립트라는 언어에 기초를 두고 있다는 것을 파악하실 수 있었을 것입니다. 결국 자바스크립트라는 언어를 알지 못하는 사람들에게는 좀 알아듣기 어렵고, 따라서 그걸 응용하기에도 어려움이 있습니다. 그래서 앞으로 몇 개의 글이 될지는 모르겠지만 자바스크립트라는 언어에 대해 차례차례 다뤄 보도록 하겠습니다.
그럼 첫 시간이니만큼 자바스크립트라는 언어가 어디에 쓰이는지와 자바스크립트의 기초에 대해서 설명해 보도록 하겠습니다. 자바스크립트는 원래 웹 브라우저에서 동작하던 언어로, 웹 브라우저의 스타일 속성(CSS)나 오브젝트들을 동적으로 제어하기 위해서 만들어진 언어였습니다. 웹이라는 울타리 안에서만 살아가던 자바스크립트를 웹 밖에서 사용할 수 있게 만들려는 여러 개발자들의 시도가 있었고, 구글에서 개발한 강력한 성능을 지닌 크롬 V8 엔진의 오픈소스화가 이루어지며 자바스크립트는 웹이라는 울타리 밖으로 넘어가 다양한 분야에서 쓰이기 시작했습니다. 자바스크립트의 사용 범위는 다음과 같습니다. Node.js를 이용한 서버 구축, 크롬 확장 프로그램 작성, Unity 언어 등등... 이렇듯 자바스크립트를 익히게 되면 정말 많은 분야에 활용할 수 있습니다.이제 이렇게 다양한 범위에서 쓸 수 있는 자바스크립트를 천천히 다뤄봅시다. 자바스크립트를 실행하기 가장 좋은 환경은 웹 브라우저입니다. 텍스트 에디터(메모장 등등..)에 다음과 같은 코드를 쓰고 first.html이라고 저장해 주세요.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>자바스크립트 연습</title>
<script>
alert("Hello world!");
</script>
</head>
<body>
</body>
</html>
<>태그가 너무 많아서 당황하셨나요? <>태그는 html 페이지를 구성하게 사용되는 태그입니다. 자바스크립트가 작동되는 부분은 <script>태그 안 입니다. 그러니까 여기서 유의미한 부분은 alert("Hello world!"); 이죠. 더블 클릭해서 파일을 실행해 보시면 알림창이 하나 뜨는 것을 볼 수 있을 것입니다. 앞으로 자바스크립트를 넣은 html 파일을 실행할 때는 크롬을 쓰시는 것을 권장드립니다. 자바스크립트 표준을 거의 완벽하게 구현하는 브라우저이기 때문이죠.
이상으로 첫 강의를 마치겠습니다. 부족한 점이나 오류, 궁금한 점이 있으면 댓글로 지적해 주세요!!
댓글
댓글 쓰기