JavaScript 작성장소
- 웹/JavaScript
- 2020. 3. 9.
스크립트(Script) 언어
스크립트 언어를 알면 JavaScript를 이해하는데 도움이 되어서 먼저 설명한다.
스크립트란 말은 연극용어에서 유래되었는데 그 뜻을 찾아보면 '각본·대본' 이라고 되어있다.
각본과 대본이 하는 역할을 생각해보면 프로그래밍 분야에서 왜 스크립트 언어라는 용어를 쓰게 되었는지 이해가 될 것이다. 각본·대본의 내용을 보면 배우들이 어떻게 하는지 지시되어 있어있다. 대사나 배우들의 표정, 등장과 퇴장, 배우 위치 등을 표시해놓는다. 배우들은 스크립트를 보고 어떻게 할지 구상하고 스크립트를 바탕으로 관객 앞에서 표현한다.
즉, 스크립트가 배우들을 통해 완성되어 관객들에게 전달되는 과정이 나타난다.
이와 마찬가지로 프로그래밍 분야에서 스크립트 언어라고 하면 우리가 쓰는 소프트웨어 안에 뭔가 지시해놓는 언어라고 볼 수 있다. 대표적으로 파이썬이 스크립트 언어다.
JavaScript 란?
JavaScript란, HTML 파일에 심어 넣을 수 있는 스크립트 언어를 말한다.
웹서버와 통신을 하지 않고도 글자색이나 배경색을 변경하거나 웹페이지를 전환할 수 있게 만들어준다.
Java 와 비슷해서 같은것으로 보는 경우가 있는데 Java 와는 문법만 비슷할 뿐, 별개의 언어다.
예를 보자.
JavaScript 코드가 어떻게 작동하는지에 초점을 맞추면 되겠다.
HTML 에 javascript 를 넣었다. sum 함수를 만들어 출력명령을 내려주는 dcumnet로 sum(4,6) 을 출력해달라고 요청했다. 보면 알겠지만 파이썬과 유사하다.
다음과 같이 10이 나온다.
JavaScript를 작성하는 장소
JavaScript 를 작성하는 방법에는 크게 4가지 방법이 있다.
- body 요소 안에 직접 작성하는 방법
- header 요소 안에 작성하여 호출하는 방법
- 외부 파일로부터 JavaScript를 읽어 들이는 방법
- 이벤트에 대한 응답으로 호출하는 방법
body 요소 안에 직접 작성하는 방법은 위에 예제가 있으므로 넘어가고
header 요소 안에 작성하여 호출하는 방법을 보자.
<head> 안에 함수를 넣어서 필요할때마다 호출하는 방식이다.
외부 파일로부터 JavaScript를 읽어 들이는 방법
JavaScript의 내용을 확장자가 .js인 파일로 저장하고 읽어들이는 방식이다.
css 와 마찬가지로 메모장에 작성하고 .js로 저장하면 된다.
위와 같이 function.js 로 저장하면 src 안에 function.js 를 입력하면 된다.
이벤트에 대한 응답으로 호출하는 방법
버튼 클릭이나 페이지 읽기 같은 이벤트에 응답하여 실행하는 경우다.
위의 방법에서 button 을 추가해서 한다는 것만 다르다.
onclick 안에 JavaScript 코드를 적어넣으면 클릭을 누룰시 실행된다.
'웹 > JavaScript' 카테고리의 다른 글
| JavaScript 이벤트 핸들러 (0) | 2020.03.13 |
|---|