반응형
JavaScript란?
웹을 풍부하게 만들어주는 작고 가벼운 언어로, 웹페이지에 기능을 더해 HTML 웹페이지를 동적으로 살아있게 만들 수 있다.
JavaScript 특징
- 객체기반의 언어지만 Java와 다른 프로토타입 기반의 객체지향이다 (상속과 클래스 개념은 없다)
- 인터프리터언어로서 클라이언트의 웹 브라우저에 의해 해석과 실행이 가능하다
- HTML문서내에 기술이되고, HTML과 함께 수행하다보니까 소스코드가 공개가 되어 보안에 취약하다
- 컴파일 작업을 거치지 않고 소스코드를 바로 실행할 수 있어 다른 언어와 비교했을때 빠른 시간안에 스크립트 코드를 작성 가능하다
- 단순한 코드와 원칙을 가지고 있어서 초보 개발자들이 쉽게 배울 수 있는 언어이다
- 내부에서 제공되는 기능이 제한적이고, 관련된 개발 툴이 적다
JavaScript 적용
HTML 문서에 JavaScript 프로그램을 추가하는 방법은 두가지가 있다.
- 내부 코드로 적용
- <script> </script> 태그를 사용하여 삽입가능
- HTML 문서의 <head>, <body>에 위치 가능
* 해당 소스는 차근 차근 무슨 내용인지 설명해가도록 하겠습니다.<body> <script> document.write("<h1>Hello World!</h1>"); console.log("Do your best!"); window.setTimeout(function () { console.log("Hello World!"); }, 3000); window.setInterval (function () { document.body.innerHTML += "<h1>Hello World!</h1>"; }, 3000); </script> </body>
- 외부 코드로 적용
- JavaScript 파일을 만든 후 html문서에 연결
- 스크립트 확장자는 .js
- 코드를 분리하여, 코드를 각각 읽기도 편리하고, 유지보수도 쉽다
- 웹브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도가 빠르다
<script src="js/slide.js"></script>
JavaScript 문법
- JavaScript의 실행문은 세미콜론(;)으로 구분
- 줄바꿈을 하면 구문이 종료된다. 하지만 구문이 완성 되지 않으면 다음줄 까지 해석가능
- 세미콜론 사용은 필수는 아니지만, 가독성과 에러방지를 위해 쓰는 습관이 중요하다
- 자바스크립트는 대소문자를 구분한다
- 식별자는 영문(소문자, 대문자), 숫자, _, $만 사용 가능하며, 숫자로 시작할 순 없다
- 식별자 작성방법에는 Camel Case, Underscore case가 있다
- 키워드는 특별한 용도로 사용하기 위해 미리 예약해놓은 이름들이 있다(ex. var, function...)
- 주석 처리 방법은 한줄주석과 여러줄 주석이 있다.
- 한줄 주석은 //주석문, 여러줄 주석은 /*주석문*/
- 여러줄 주석은 절대로 중첩해서 사용하면 안된다.
반응형
'Web > JavaScript' 카테고리의 다른 글
Dynamic Calendar 만들기 - 뼈대잡기 (html, css) (2) | 2022.12.07 |
---|---|
향상된 이미지 갤러리 기능 구현 (0) | 2021.08.11 |
기본적인 이미지 갤러리 기능 구현 (2) | 2021.08.09 |
향상된 뉴스티커(News ticker) 기능 구현 (0) | 2021.08.06 |
기본적인 뉴스티커(News ticker) 기능 구현 (0) | 2021.08.05 |
댓글