자바스크립트 정의
- 자바스크립트(JavaScript)
- 클라이언트측에서 독립적으로 실행되는 프로그램을 작성하기 위한 스크립트 언어
- 넷스케이프 사의 브랜든 아이히가 모카라는 스크립트 언어를 개발
- 모카는 이후 라이브 스크립트라는 이름으로 개발
- 썬마이크로시스템 사와 공동으로 라이브 스크립트를 확장한 자바스크립트 개발
- 장점
- HTML 파일 내에서 작성할 수 있으므로 개발 속도가 빠르다.
- 운영체제의 제한을 받지 않는다.
- 단점
- 소스 코드가 유출된다.
- 한정된 객체와 함수를 제공한다.
- ECMA 스크립트 : 자바스크립트의 표준 사양
- 개발자 도구 : 웹 브라우저가 제공하는 웹 페이지에 대한 정보를 확인하는 도구
자바스크립트 적용 방식
- <script> 태그를 사용하여 작성하는 방법 (Embedding style)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript</title>
<script type="text/javascript">
document.write('head 영역의 자바스크립트<br>');
</script>
</head>
<body>
<script type="text/javascript">
document.write('body 영역의 자바스크립트');
</script>
</body>
</html>
- 자바스크립트 파일을 불러와서 적용하는 방법 (Link style)
// script.js 파일
document.write('script.js 파일의 자바스크립트');
<!-- HTML 문서 -->
<script type="text/javascript" src="script.js"></script>
- 태그 안에서 작성하는 방법 (Inline style)
<input type="button" value="확인" onclick="alert('태그 안의 자바스크립트');">
출력 - write( )
- 자바스트립트에서 문자/문자열 출력은 write( ) 메소드를 이용한다.
- 주석 : Java와 작성방식은 같으나 JavaScript는 컴파일 되지않으므로 주석이 모두 노출됨
// 한 줄 주석입니다.
/* 여러 줄
주석입니다*/
// 작은 따옴표, 큰 따옴표 모두 사용 가능
document.write('Hello World<br>');
document.write("Hello World!<br>");
// 큰 따옴표 " 를 사용할 경우
document.write('오늘은 "금요일"<br>');
document.write("오늘은 \"금요일\"<br>");
// 작은 따옴표 ' 를 사용할 경우
document.write('내일은 \'토요일\'<br>');
document.write("내일은 '토요일''");
// 정수
document.write(567);
document.write('<br>');
// 실수
document.write(455.343);
document.write('<br>');
// 논리
document.write(true);
입력 - prompt( )
- 자바스크립트에서 문자/문자열 입력은 prompt( ) 메소드를 이용한다.
- prompt 창을 통해서 입력 받은 데이터는 모두 문자열로 인식
var input = prompt('숫자를 입력하세요.', '123'); // input은 문자형