1. JavaScript
1.개요
- 객체 기반의 스크립트 프로그래밍 언어
moca LiveScript JavaScript
# 스크립트란 원래의 언어에서 지원하지 못하는 부분을 처리해주기 위해 끼워서
사용하는 언어를 말함
JavaScript 는 HTML 문서에 끼워서 사용하는 스크립트 언어
2.기본 구조
- html 문서에 <script> 태그를 사용하여 작성
<script> 태그는 JavaScript 만의 전용태그가 아니므로 type 속성값으로 “text/javascript”를
입력한다.
2. ■ 형식
<script type=“text/javascript”>
javascript code
</script>
기술 방법
1. Html의 <body> … </body> 사이에 작성
2. Html의 <head> … </head> 사이에 작성
3. 외부 파일로 작성하여 source 속성을 이용하여 삽입
<script type=“text/java script” src=“호출할 자바스크립트 파일명.js”></script>
3.변수
- 변수명은 사용자가 임의로 쓸 수 있으며 예약어는 사용할 수 없다.
- 영문자 혹은 밑줄(_)로 시작하며 숫자로는 시작할 수 없다.
- 한글 이름은 사용할 수 없다.
- 대문자(A~Z), 수문자(a~z),숫자(0~9),밑줄(_)만 사용 가능하다.
- 대소문자를 구분하여 인식한다.
3. 4.Operator
- 변수에 대입되는 데이터의 형태는
숫자 데이터,문자형 데이터, 논리형 데이터 및 특수한 데이터가 있다.
1) 숫자형 데이터
정수나 실수를 표현
2) 문자형 데이터(문자열)
큰따옴표(“ “) 또는 작은따옴표(„ „) 사이에 들어가는 0개 이상의 문자들
-문자열 속에 따옴표가 있는 경우(”: 큰따옴표, ‟:작은따옴표)를 이용한다.
3) 논리형 데이터
ture ,false 의 두 값만 가짐
4)이 외에 javascript에서 사용하는 특수한 값들
- Infinity : 무한한 값
- NaN : 연산의 결과가 숫자가 아님(not a number)
- Null : 아무런 값도 나타내지 않는 특수한 값
- undefined : 선언은 됐지만 값이 할당된 적이 없는 변수에 접근할 경우 반환 되는 값
4. 5.Data Type
1) 산술 연산자
(-,+,*,/,%,++,--)
2) 대입연산자
(+=,-=,*=,/=,%=)
3) 관계 연산자
(==,===,!=,>,>=,<,<=)
4)논리 연산자
(&&,||,!)
5)조건 연산자
결과값이 true 이면 “처리1”, false 이면 “처리2”를 반환해 주는 연산자
형식 => (조건)?처리1:처리2
5. 6. 조건문
1) if 문
- if(조건식) {조건식이 true 이면 수행할 문장}
- if(조건식) {조건식이 true 이면 수행할 문장 1}
else {조건식이 false 이면 수행할 문장 2}
- if(조건식 1) {조건식이 true 이면 수행할 문장 1}
else if(조건식 2){조건식이 false 이면 수행할 문장 2}
…
else {위 조건식이 false 이면 수행할 문장 }
2) swich 문
swich(변수) {
case “A” : 변수값이 A 일 때, 수행할 내용 ; break;
case “B” : 변수값이 B 일 때, 수행할 내용 ; break;
default : 부합되는 것이 없으면 수행될 내용 }
6. 7. 반복문
1) for 문
for(초기값; 조건식; 증감식) { 처리할 내용}
2) while 문
while(조건식) { 처리할 내용 }
3) do while 문
do { 처리할 내용 }
while(조건식)
8. 조건문과 반복문을 제어하는 명령어
1) continue 문
continue 문을 만나면, 이후에 있는 반복 처리할 내용을 처리하지 않고, 다음 반복을 위해 조건을
체크한다.
2) break 문
이후에 있는 반복 처리할 내용을 처리하지 않고 수행을 완전히 종료한다.
7. 8. 함수
- 특정 작업 수행을 위해 독립적으로 만들어진 하나의 단위 기능체
■ 정의
function 함수이름 (매개변수1, 매개변수2 ….)
{
함수에서 처리할 내용
}
# html 의 <head> 와 </head> 태그 시이에 정의한다.
■ 호출
함수 이름(매개변수값1, 매개변수값2,….)
# 함수는 내장함수(built-in function)와 사용자 정의 함수로 나뉜다.
