728x90
반응형
자바 스크립트(javascript)
- 동적인 웹 페이지를 작성하기 위하여 사용되는 언어
- 웹의 표준 프로그래밍 언어
- 모든 웹브라우저들은 자바스크립트를 지원
자바 스크립트 용도
- 이벤트에 반응하는 동작을 구현
- AJAX
- HTML 요소들의 크기나 색상을 동적으로 변경
- 게임이나 애니메이션
- 사용자가 입력한 값들을 검증
자바 스크립트 위치
- 내부 자바스크립트
- 외부 자바스크립트
- 인라인 자바스크립트
내부 자바스크립트
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Test</title>
<script>
document.write("Hello World")
</script>
</head>
<body>
</body>
</html>
외부 자바스크립트
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Test</title>
<script src="testscript.js"/></script>
</head>
<body>
</body>
</html>
testscript.js
더보기
document.write("Hello Test")
인라인 자바 스크립트
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Test</title>
</head>
<body>
<button type = "button" onclick="alert('안녕하세요')">버튼을 클릭하세요</button>
// 버튼 클릭시 안녕하세요란 메시지 출력
</body>
</html>
문장
- 자바스크립트 문장(statement)들은 웹 브라우저에게 내리는 명령
변수
- 변수(variable)은 데이터를 저장하는 상자
- var 키워드를 사용해 선언(declare)한다.
예) var x ; - var키워드는 변수가 선언된다는 것을 타나낸다. x - 변수 이름 ; - 세미콜론은 하나의 문장이 끝났음을 의미
자료형
- 수치형(number)
- 문자열(string)
- 부울형(boolean)
- 객체형(object)
- undefined
객체형
- 객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법
- 예) 자동차는 메이커, 모델, 색상, 마력과 같은 속성도 있고 출발하기, 정지하기 등의 동작도 가지고 있다.
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Test</title>
<script>
var myCar = {model:"bmz",color:"red",hp:100}
document.write(myCar.model +"<br>")
document.write(myCar.color+"<br>")
document.write(myCar.hp+"<br>")
</script>
</head>
<body>
</body>
</html>
연산자
prompt()함수
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Test</title>
<script>
var age = prompt("나이를 입력해주세요", "나이는 만으로 합니다.")
</script>
</head>
<body>
</body>
</html>
조건문의 종류
- if 문
- if..else 문
- switch 문
반복문
- 같은 처리 과정을 여러 번 되풀이하는 것
배열
- 많은 값을 저장할 수 있는 공간이 필요할 때 배열을 사용한다.
- 서로 관련된 데이터를 차례로 접근하여서 처리할 수 있다.
배열을 생성하는 2가지 방법
- 리터럴로 배열 생성
- Array 객체로 배열 생성
리터럴
더보기
var fruits = ["apple","banana","peach"]
Array
더보기
var fruits = new Array("apple","banana","orange")
함수
- 함수는 입력을 받아서 특정한 작업이 수행하여서 결과를 반환하는 블랙 박스
728x90
반응형
최근댓글