반응형
- JavaScript는 HTML과 CSS로 구성된 정적인 화면과 다르게 동적인 화면을 웹페이지에 구현하기 위해 사용하는 스크립트 언어이다.
자바 스크립트의 특징
- HTML 내장형태이고 클라이언트의 웹브라우저에서 해석되어 수행
- 사용자의 이벤트에 따라 다양한 반응을 할 수 있음
- 동적인 웹페이지의 작성이 가능
- 자바보다 사용하기가 용이함
- 서버의 부담을 줄일 수 있음
jQuery
- jQuery는 JavaScript 라이브러리
- 라이브러리란 자주 사용하는 기능들을 모아 놓을 것을 말한다.
HTML과 JavaScript 의 차이점
- HTML은 태그의 속성, 즉 정적인 기능만이 존재한다. 하지만 JavaScript의 경우 객체의 속성(정적 기능)과 객체의 메소드(동적 기능)로 구성이 된다.
- JavaScript = 객체의 속성(변수, 정적기능) + 객체의 메소드(동적 기능)
JavaScript 메소드
- window.alert() 메소드는 경고창을 발생하는 스크립트이다.
- document.getElementById() 메소드는 문서 내의 해당 되는 ID에 접근한다.
- document.write() 메소드는 새 문서에 접근한다.
JavaScript 기본 문법
- 변수(variable) : 값을 저장하는 공간, 값의 변경 가능
- 상수(constant) : 저장된 값, 값의 변경 불가능
- 변수 선언 : var 키워드로 선언, 선언함과 동시에 초기화 가능
- 함수 : 특정한 기능을 수행하는 명령어(실행문)들의 모음
- 함수의 장점은 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.
- 함수의 정의와 호출 : function을 이용해 함수를 정의하는 것을 함수 정의라고 하고 함수명으로 함수를 호출하는 것을 함수 호출 이라고 한다.
- 함수는 실행문들의 모음이지만 스스로 기능을 수행하지 않고 함수가 호출 되었을 때만 실행이 된다.
- 함수는 function 뒤에 함수명이 오고, 소괄호가 따라온다. 소관호에는 인수(argument)가 올 수 있는데 인수는 생략이 가능하다.
| function 함수명(arg1, arg2) { //함수의 정의 //함수 본문 내용 } 함수명(arg1 값, arg2 값); //함수 호출 |
조건문
- 조건문이란 조건에 따라 행동을 지시하는 문장으로, 사용자의 조건이 참인지 거짓인지에 따라 수행하는 문장이 달라진다. 즉, 조건의 참, 거짓에 따라 수행하는 문장이 달라진다. 조건문의 종류는 if문과 switch문이 있다.
- 가장 많이 사용하는 조건문은 if문 이며 위에서 아래로 한 문장씩 순차적으로 실행하며 조건이 만족하면 해당 문장을 수행하고 그렇지 않으면 조건문을 종료한다.
- switch문은 if문과 마찬가지로 위에서 아래로 한 문장씩 순차적으로 실행하며 조건이 만족하면 해당 문장을 수행하고 그렇지 않으면 조건문을 종료한다. 여기서 주의할 점은 "break;" 문장이 없으면, 조건을 만족하여 해당 문장을 수행했다고 하더라고 해당 조건문을 종료하는 것이 아니라 다음 조건식으로 이동하게 된다.
반복문
- 반복문은 특정한 규칙이 만족할 때까지, 일정한 규칙의 처리를 반복적으로 처리하는 구문을 말한다. 즉, 같은 동작을 여러 번 실행할 때 반복문을 사용한다.
- 반복문의 종류에는 while문, do ~ while문, for문 등이 있다.
- while문은 우선 조건식이 참인지를 판단하여 참이면 명령문을 실행한다. 명령문을 전부 실행하고 난 후 다시 조건식으로 돌아가서 다시 조건식이 참인지를 판단한다. 이와 같이 조건식이 참인 동안 계속적으로 명령문을 실행하게 되고 거직인 경우에는 반복문을 종료한다.
| while(조건식){ //문장 } |
- do ~ while문은 while문과 유사하지만, 참 또는 거짓의 조건에 관계없이 명령문을 인단 한번은 실행한다.
| do{ //문장 } while(조건식) |
for문도 마찬가지로 조건식이 참인 동안 계속적으로 명령문을 실행하고 거짓인 경우에는 반복문을 종료한다.
| for(초기값,종료값,증감값){ //문장 } |