본문 바로가기
[ Developer ]/JavaScript

[JavaScript] 자바스크립트란? 자바스크립트 기초

by 김현섭. 2016. 9. 27.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
자바스크립트

자바스크립트(JavaScript)는 웹을 위한 인터프리터 언어이자 스크립트 언어다.

자바스크립트로 작성된 프로그램을 스크립트라고 하며, 컴파일이 필요하지 않다.
그냥 HTML 웹 페이지에 스크립트를 삽입하기만 하면 동작하며 최신 웹 브라우저에서 모두 동작한다.

자바스크립트를 주로 클라이언트 측 자바스크립트라고 하는데, 이는 스크립트가 웹 서버가 아닌 클라이언트 컴퓨터에 설치된 브라우저에서 실행된다는 의미다.


자바스크립트의 역할
자바스크립트의 일반적인 용도는 웹 페이지에 기능을 더해 HTML 웹 페이지를 동적이고 살아 있게 만드는 것이다.

자바스크립트는 다음과 같은 일을 할 수 있다.

  • HTML 페이지 변경 및 HTML 엘리먼트와 콘텐츠의 추가나 제거
  • CSS 및 HTML 엘리먼트의 스타일 변경
  • 사용자와의 상호작용, 폼의 유효성 검증
  • 마우스와 키보드 이벤트에 대한 스크립트 실행
  • 웹 브라우저 제어, 쿠키 등의 설정과 조회
  • AJAX 기술을 이용한 웹 서버와의 통신


자바스크립트의 한계
자바스크립트는 웹 브라우저에서 실행되기 때문에 일부 보안상의 제약이 있으며, 브라우저에서 웹 페이지를 열 때 안전하고 위험에 처하지 않도록 보장해야 한다.

  • 자바스크립트는 OS에 직접 접근할 수 없으며, 하드디스크를 읽거나 쓸 수 없고, 다른 프로그램도 호출할 수 없다.
  • 자바스크립트는 도메인이 동일한 두 탭/윈도우를 제외하고 탭/윈도우 간에 통신을 수행할 수 없다.
  • 일반적으로 자바스크립트는 자체 도메인에 대해서만 제한없이 네트워크 요청을 보낼 수 있다.


앞으로의 자바스크립트 예제는 NotePad++ 를 이용하여 실습한다
실습 파일은 GitHub를 참고하면 된다


Notepad와 같은 노트 프로그램에 HTML5 방식으로 작성 후 
저장을 .html 형식으로 하면 확인할 수 있다


1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Hello World</title>
</head>
<body>
 
<script type="text/javascript">
    document.write("Hello, JavaScript!");
</script>
 
</body>
</html>
cs