[ JS ] Day 12 - ① JavaScript 기본

# Java Script

• 자바 스크립트의 등장 : 스크립트는 웹 페이지의 처리 능력을 향상시키기 위해 등장.

 

• 자바 스크립트 특징

1. 유니코드 기반 프로그래밍 언어
2. 대소문자 구별
3. 동적 바인딩 -> 변수의 형을 지정할 필요 X
4. 객체지향
5. HTML 문서에 혼합 사용 가능

 

# Java Script Example

색상을 갖다대면 변하는 자바스크립트

 

# Java Script 기본구조

<script type="text/javascript">
	<!-- 자바스크립트 코드 -->
</script> 

(1) 자바 스크립트 기술 방법

• html안에 기술
• 외부 파일(js 형식)로 작성하여 source 속성을 이용하여 삽입.

<script language="javascript" src="xx.js"> </script>

 

(2) 자료형

• 문자형: ''나 ""부호에 묶인 형태의 자료형
• null형: 내용이 전혀 없음을 나타낼 때 사용하는 자료형
• 특수 문자

Escape Sequence	의미
'\n'	커서를 다음 줄로 이동(New Line)
'\t'	커서를 탭 키를 누른 만큼 이동 (Tab)
'\b'	커서를 앞으로 한 칸 이동 (Back Space)
'\f'	커서를 다음 페이지로 이동 (Form Feed)
'\r'	커서를 그 줄의 처음으로 이동 (Return)
'\\'	\ 문자 (역 슬래시)
'\''	' 문자
'\"'	" 문자

 

(3) 변수 사용하기

• 자바 스크립에서는 변수를 필요한 곳에서 사용만 하면 자동적으로 생성되므로 굳이 신경써서 선언하지 않아도 된다.
• 자료형은 값을 대입하는 순간에 자동으로 결정
• 'var'이라는 예약어를 사용하여 선언한다.

 

(4) 내장함수

• isNaN(숫자) : 주어진 데이터가 숫자인지 판단
• isFinite(숫자) : 주어진 수가 유한한 수인지 판단 
• parseInt()와 parseFloat() : 문자열을 정수와 실수로 변경해주는 함수 문자열 타입의 숫자만 가능
• number(objRef)
• string(objRef)
• eval(string) : 문자열을 수식으로 바꾸어줌.
• escaoe(string) : ISO-Larin-1 문자셋을 아스키 값으로 변환
• 문자열.link(link) : 문자열에 링크를 걸음.

 

(5) 사용자 정의 함수

function 함수이름(매개변수1, 매개변수2, ..., 매개변수 n){
	함수에서 처리할 문장 [return 반환 값]
}

객체처럼 사용가능

	function person(name, age){
		this.name = name;
		this.age = age;
	}
	var chul = new person("철수",40);
	for(var key in chul)
		document.write(key+" : "+chul[key]+"<br>")

 

(6) 대화 상자를 이용한 인터페이스

• alert(): 경고 메시지를 전달하기 위한 대화 상자로 표시
  • alert(출력할 메시지);

• confirm(): 사용자의 확인을 받기 위한 대화 상자를 표시
  • 메세지를 사용자에게 보여주고 [확인], [취소]를 선택하여 원하는 조치를 취할 수 있도록 한다. 반환값이 true이면 확인, false이면 취소 단추가 선택된 것임.

• prompt(): 사용자로 내용을 입력받을 수 있는 대화 상자를 표시
  • 원하는 데이터를 키보드에서 입력받고 싶을 때 prompt 함수를 사용. prompt 함수는 입력 대화 상자가 나타나도록 한다.
  • 반환 값 = prompt(메세지, 초기값)

 

# if문 / switch문/ for문/ while문/ do-while문

(1) if 문

if(조건식) { 결과가 참일 때 수행할 문장 } else { 결과가 거짓일 때 수행할 문장 }

 

(2) switch 문

switch(정수식){
	case 정수값1: 문장1;[break;]
	case 정수값2: 문장2;[break;]
	case 정수값3: 문장3;[break;]
	case 정수값n: 문장n;[break;]
	[default:] 문장n+1;
}

 

(3) for 문; 주로 반복 횟수가 주어진 경우에 사용하는 반복문

for(초기식; 조건식; 증감식;){
	반복할 문장;
}

 

(4) while 문; 돌발적인 사태에 의해 반복문을 벗어나는 반복횟수가 정해지지 않은 반복문에 사용

while(조건식){
	반복 처리할 문장
}

 

(5) do-while문; while문과 같이 돌발적인 사태에 의해 반복문을 벗어나는 경우 사용되며, 적어도 한번은 반드시 반복 처리할 문장을 수행한다.

do{
	반복 처리할 문장
}while(조건식);

(6) continue와 break