블로그 소스 파일 html에서 java script는 어떤 역할을 하는지 알아보기 위하여 java script가 무엇인지에 관하여 그리고 기본 구조에 대하여 정리해 보려 합니다
java script란 무엇인가
자바스크립트는 썬 마이크로 시스템사와 넷스케이프사가 공동으로 제작하여 만들어낸 스크립트 언어 입니다. 자바스크립트를 사용하는 이유는 서버가 아닌 사용자(클라이언트)의 컴퓨터에서 간단한 작업들을 구현하기 위한 것입니다.
이러한 작업들은 사용자(클라이언트)의 컴퓨터의 성능이 발전되면서 대화 상자의 처리나 생동감 있는 효과 등 간단한 처리를 사용자(클라이언트)의 컴퓨터에서 자바 스크립트를 이용하여 직접 실행함으로써 해당 사이트의 서버의 부담을 줄여 주는 역할을 합니다.
스크립트 언어란 원래의 언어에서 지원하지 못하는 일을 대신 처리해 주기 위해서 주로 사용되는 언어입니다. 자바 스크립트가 하는 대표적인 작업들도 HTML이 지원하지 못하는 다양한 기능들을 사용하기 위함입니다. 웹페이지의 다양하고 생동감 있는 효과들을 HTML이 아닌 자바 스크립트로 구현합니다.
- 서버: 홈페이지를 제작하여 사용자에게 정보를 제공하는 측으로 볼 수 있습니다.
- 클라이언트: 웹 브라우저를 이용하여 해당 사이트의 홈페이지 정보를 제공받는 쪽이라고 할 수 있습니다.
java script의 기본 구조
html 문서에서 <script> 태그를 기술한 후 작성하며 <script> 태그는 자바스크립트 전용 태그가 아니므로 language 속성에서 "javascript"를 지정하여 사용하여야 합니다.
java script은 다음 3가지 방법으로 작성할 수 있습니다.
- html의 <head> ...... </head> 사이에 작성할 수 있습니다.
- html의 <body> ..... </body> 사이에 작성할 수 있습니다.
- 외부 파일(js 형식)로 작성하여 source 속성을 이용하여 삽입하여 사용할 수 있습니다.
1. java script를 html의 <head> ...... </head> 사이에 작성하는 방법.
head 부분에 작성하면 다른 문장에 비해 먼저 해석되어 처리된다는 장점이 있습니다. 주로 변수의 초기화나 사용자 정의 함수를 작성하여 줍니다. 주로 자바스크립트는 head 부분에 작성합니다.
2. html의 <body> ..... </body> 사이에 작성하는 방법.
body 부분의 문장이 수행되는 도중에 자바스크립트 문장들이 반드시 작성되어 수행되어야 하는 경우 작성합니다.
3. 외부 파일(js 형식)로 작성하여 삽입할 경우
파일의 확장자는 "js"로 지정하며 "js"라는 완전히 독립된 파일로 작성합니다. "js"확장자를 붙인 경우에는 순수하게 자바스크립트로만 작성되어야만 합니다. <scipt>는 html 문서 내에서 스크립트 구문이 시작되는 위치를 알려주는 html 태그이므로 자바스크립트 파일에서는 제외되어야 합니다. 자바스크립트를 독립된 파일로 작성할 경우 반복적으로 사용되는 내용일 경우 여러 html 파일에서 간단하게 파일만 삽입하면 재사용할 수 있으며 자바스크립트를 삽입한 구문만 작성되므로 프로그램의 구성이 간결해지는 장점이 있습니다.
자바스크립트의 기본 개요와 기본 구조에 관하여 정리하며 html 소스 파일을 파일을 보는 것에 조금이라도 도움이 되었으면 합니다.