자바스크립트 소스 작성하고 실행하기 - Do it 자바스크립트 기본편

HTML 문서 안에 자바스크립트 소스 작성하기

: <script> 태그 안에 작성. <script> 태그는 한 문서 안에서 여러 개를 사용해도 되며 HTML 문서 어디에든 사용할 수 있고, 삽입된 위치에서 소스가 실행된다.(주로 </body>태그 앞에 삽입)

 

외부 스크립트 파일 연결하기

: 자바스크립트 소스를 따로 작성하여 HTM문서에 연결하는 것.

<script src="js/js_file.js"></script>

</body>

 

자바스크립트 프로그램의 실행

웹 브라우저에는 HTML 분석기(HTML parser), CSS 분석기(CSS parser), 자바스크립트 해석기(Javascript interpreter)가 포함되어 있다.

HTML 분석기는 주로 HTML 태그의 순서와 포함 관계를 확인하고 →

CSS 분석기는 HTML 분석기가 분석을 끝낸 다음 HTML 문서의 <style>태그 안의 정보를 분석 →

마지막으로 자바스크립트 인터프리터가 <script> 태그 안의 자바스크립트 소스를 분석한다.

 

자바스크립트의 입력과 출력

크롬 브라우저의 콘솔 도구 : 자바스크립트 소스를 간편하게 연습해볼수 있는 도구(열기 : Ctrl + Shift + J)

 

사용자 입력값 받기

prompt() 등

EX) prompt("이름을 입력하세요(안내)", "홍길동(힌트)");

출력하기

alert(), document.write(), console.log() 등

 

자바스크립트 소스 작성 규칙

• 대소문자 구별
• 가독성을 위해 들여쓰기
• 문장 끝에 세미콜론(;) 붙이기(줄바꿈을 해도 되지만 오류를 줄이기 위해 가급적이면 ;을 붙이는 것이 좋음)
• 주석(comment) 사용가능

// 한 줄 주석

/*

여러 줄 주석

*/

• 식별자(Identifier)* 작성 규칙
  • 1) 첫 글자는 문자나 밑줄(_), 달러($)로 시작해야 한다
  • 2) 예약어(Keyword)는 식별자로 사용할 수 없다

*식별자 : 변수, 함수, 속성 등을 구별하기 위해 개발자가 이름을 붙인 특정 단어

*예약어 : 자바스크립트에 등록되어있는 이름들. ex) var, arguments, with, void, super, default 등

 

---

※ 출처 : Do It 자바스크립트 기본편, 2장 자바스크립트와 친해지기