자바스크립트 소스 작성 및 실행하기
HTML 문서에 자바스크립트를 작성하는 방법은 간단히 두 가지 입니다. 첫번째는 HTML문서 내에 직접 작성하는것이고 두번쨰는 외부의 자바스크립트 파일을 작성하여 이를 HTML 문서에 설정하는 것입니다.
1. HTML 문서내에 직접 작성하기
<html>
<body>
<script>...</script>
</body>
</html>script태그를 이용하면 HTML 문서내에 직접 자바스크립트 코드 작성이 가능하다. 하지만 보통 실무에서는 잘 쓰이지 않는다. 하지만 코드가 커지면 가독성 및 코드 관리가 매우 불편하기에 거의 쓰이지 않는 방식이다.
2. 외부에 자바스크립트 파일을 작성하여 HTML문서에 연결
<html>
....
<body>
<script src="javascript sourcecode path"></script>
</body>
</html>
script태그 내에 코드를 작성 하는것이 아닌 외부에 자바스크립트 코드를 작성하여 연결한다. 연결할떄는 script 태그의 src 속성을 이용한다.
자바스크립트 프로그램 실행과정
자바스크립트는 웹 브라우저의 HTML 분석기, CSS 분석기, 자바스크립트 해석기가 포함되어 있다. 이 각각의 분석기와 해석기가 프로그래머가 작성한 HTML, CSS, JS 코드를 분석 및 해석합니다.
자바스크립트 입출력
자바스크립트는 다른 언어들과 달리 브라우저에 자바스크립트 엔진이 탑재 되어있어서 웹 브라우저로 실행 및 디버깅이 가능합니다. 그렇기에 브라우저의 개발자 도구를 이용해서 콘솔도구를 사용할수 있습니다.
prompt() 함수
유저에게 입력을 받는 함수입니다. 실행시, 작은 입력창을 출력합니다.
document.write() 함수
웹브라우저에 출력하는 대표적인 함수입니다. 함수 괄호안에 내용을 출력합니다.
console.log() 함수
콘솔창에 내용을 출력하는 함수입니다.
자바스크립트 코드 규칙
자바스크립트 소스를 작성해야할때 지켜야할 기본규칙이 몇가지 있습니다.
- 대소문자 구별
- 들여쓰기 습관들이기
- 세미콜론으로 문장 구분
- 자바스크립트 키워드는 식별자로 사용 금지
- 식별자 작성규칙 준수 (첫번째글자는 문자, 달러기호, 밑줄로만 가능)
- 메모할때는 주석을 이용. 주석은 //, /* */ 로 작성 가능하다.
