자바스크립트 선언문
선언문은 자바스크립트 코드를 작성할 영역을 선전하는 것이라고 이해하면됩니다.
<script>라는 태그로 선언문이 시작된 곳부터</script>라는 태그로 종료된
곳까지를 스크립트 영역이라고 부릅니다.
자바스크립트 코드
</script>
선언문은 <head> 태그 영역 또는 <body> 태그 영역애 선언하면 됩니다. 우리나라 개발자의 대부분은 <head>태크 영역에 선언하고
있습니다.우리도 <head> 태그 영역에 선언하게습니다.
다음은 선언문을 작성하는 예제입니다. 비주얼 스튜디오 코드를 실행한 후 [파일->열기->statememt-test.html]을 선택해 실습파일을 엽니다. 그런
다음 예제를 보면서 문서를 작성해 보세요.
코딩해 보새요!
01: <!DOCTYPE html>
02: <html lang="ko">
03: <head>
04: <mata cherset="UTC-8">
05: <title>Document </title>
06: <script>
07: document.write("환영합니다");
08: </script>
09: </head>
10: <body>
11: </body>
12: </html>
자바스크립트 주석처리
자바스크립트 선언문 안에서 코드가 아닌 설명글을 넣고 싶을때는 주석 처리를 하면 됩니다.
이때 한줄 주석일 경우에는 '//한 줄 설명글'로 작성하고, 여러 줄 주석일 경우애는 '/*여러 줄 설명글*/'로 작성하면 됩니다.
/*
설명글이 여러줄인 경우 이렇게 처리합니다
*/
<!-- html 소스의 설명글은 이렇게 처리합니다 -->
내부 스크립트 외부로 분리하기
앞의 예제[statememt-c.html]에서 HTML 내부에 작성된 자바스크립트는 마지막에는 외부로 분리하는 작업을 해야합니다. 그렇게 하면 자바스크립트 소스 찾기도 쉬울 뿐 만
아니라 누군가가 소스를 손산시킬 염려도 없습니다. 즉 외부로 분리하는 주된 목적은 프로잭트 괸리를 원할하게 하기 위합입니다.
다음은 외부 자바스크립트 연동 코드로 파일을 연결하는 기본형입니다.
내부 스크립트를 외부로 분리하려면 따로 파일을 만들어서 저장해야 합니다.
즉, HTML 파일과 JS(자바스크립트)파일을 분리하여 HTML내에서 JS(자바스크립트)파일을 연동하면
됩니다.
내부 스크립트 분리하기
1. JS파일을 만들어 보계습니다. 먼저 비주얼 스튜디오 코드에서[파일->새 파일->보통 문서]를 선택하거나 단축키 Ctrl+N 늘 눌러 빈 문서를 엽니다. 그런 다음 다음과 같이 코드를 작성하고 문서를 저장합니다.
2. [statememt-test.html] 파일을 열어 앞에서 작성한 [eaxmple.js]를 연동해 보겠습니다.
다음과 같은 코드를 작성합니다. 만약 연동이 잘 되지 않으면
src 값에 파일의 전체 경로를 넣어보서요.
코딩해 보세요!
01: <!DOCTYPE html>
02: <html lang="ko">
03: <head>
04: <mata cherset="UTC-8">
05: <title>외부 자바스크립트 연동 </title>
06: <script src="js/eaxmple.js"></script>
07: </head>
08: <body>
09: </body>
10: </html>
코드 입력시 주의사항
다음은 자바스크립트를 작성할 때 주의해야할 몇 가지 사향입니다.
지금은 읽어도 이해가 안 될 수 있습니다 일단 가볍게 읽고 넘어 가세요.
1. 자바스크립트는 대 소문자를 구분하여 작성합니다.
날짜 객체 생성: new date(); (O)
2.코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 중요합니다. 세미콜론을 쓰지않으면 다음 예제처럼 한 줄에 2개의 코드를 작성할 경우 오류가 발생합니다.
document.write("hi"); document.write("bye"); (O)
3. 하지만 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋슴니다.
4.문자형 데이터를 작성할 때는 큰따음표("")와 작은따음표('')의 겹침 오류를 주해야 합니다.
document.write("책에"자바스크립트는 대소문자를 구분해야 합니다"라고 나와 있다");
잘된예
document.write('책에"자바스크립트는 대소문자를 구분해야 합니다"라고 나와 있다');
document.write('책에/"자바스크립트는 대소문자를 구분해야 합니다/"라고 나와 있다');