티스토리 뷰
HTML 웹프로그래밍
자바스크립트
▷ JavaScript
＊ 넷스케이프社(Live Script)와 선 마이크로시스템社(Java)가 공동으로 제작하여 보급한 스크립트 언어
☞ 스크립트 → 컴퓨터 프로세서가 아닌 다른 프로그램에 의해 번역되거나 수행되는 프로그램이나 명령어들의 나열
＊ HTML5의 공식적인 스크립트 언어
☞ Node.js → 자바스크립트 기반의 서버 프로그래밍 언어
☞ jQuery → 자바스크립트 라이브러리
☞ JSON → 데이터 젂송과 교홖을 위한 XML 대체용 표기법
자바스크립트 vs 자바
▷ JavaScript =? 또는 ⊂? Java
특징 | 자바 | 자바스크립트 |
작성 방법 | 별도의 소스 파일로 작성 | HTML 내에 직접 삽입 |
실행 방식 | 소스를 컴파일하여 자바 가상 기계 위에서 실행되는 컴파일 언어 | 클라이언트에서 직접 해석되고 실행되는 인터프리터 언어 |
객체 지향 | 객체 지향 언어 | 객체 기반 언어 |
변수 선언 | 반드시 자료형을 선언 | 자료형 선언이 불필요 |
보안성 | 소스를 볼 수 없으므로 보안 유지가 가능 | 브라우저의 메뉴를 통해 소스를 볼 수 있어 보안이 취약 |
자바스크립트의 특징
▷ HTML 문서에 추가되어 작성하는 객체 기반의 스크립트 언어
＊ HTML 문서 내 삽입 → 운영체제/하드웨어의 환경에 독립적
＊ 웹브라우저에 의해 해석/실행 → 빠른 개발 및 결과 확인이 용이
＊ 스크립트 언어 → 이해하고 배우기 쉬움
＊ 객체 기반 → 자바와는 달리 제한적인 객체지향 개념 도입
▷ 취약한 보안
＊ 웹브라우저에서 소스 보기가 가능
자바스크립트 선언 방식
▷ 자바스크립트를 HTML 문서에서 사용하는 방식
내부 스크립트 방식 | 문서에서 <script>와 </script> 사이에 소스를 위치시킴 <script> document.write("Welcome to JavaScirpt") </script> |
외부 스크립트 방식 | 소스를 별도의 외부 파일(*.js)로 만들어 놓고 불러와 사용 <script src="hello.js"></script> |
인라인 스크립트 방식 | HTML 태그 내부에서 이벤트 속성의 값으로 코드를 직접 삽입 <input type="button" value="클릭하세요" onClick="alert('Hello')"> |
자바스크립트의 주석
<script>
document.write("주석 사용"); // 한 줄 주석의 경우
/*
여러 줄 주석의 경우
…
*/
</script>