15
JavaScript
JavaScript
JavaScript
HTML 페이지의 사용자 반응을 처리
HTML의 정적인 페이지를 동적으로 수행하게 함
웹 브라우저 내부에서 주로 사용하며, 외부 프로그램에서도 접근 가능
22017-04-28
표현식과문장
다음과 같이 값을 만들어 내는 간단한 코드를 표현식이라 함
– 273
– 10 + 20 + 30 * 2
– ‘JavaScript’
표현식이 하나 이상 모이면 문장이 됨
문장 끝에 세미콜론(;)을 찍어 종결
– 273;
– 10 + 20+ 30 * 2;
– var name = ‘홍’ + ‘길’ + ‘동’;
32017-04-28
키워드
특별한 의미가 부여된 단어, 자바스크립트가 처음 만들어 질 때 정해짐
위의 예보다 많은 키워드가 있으며, 총 28가지 키워드를 지원
42017-04-28
키워드
break else new true
case if null while
식별자
자바스크립트에서 이름을 붙일 때 사용하는 단어
변수나 함수 이름 등으로 사용되며 다음과 같은 규칙에 맞게 생성
– 키워드를 사용하면 안 된다.
– 특수문자는 _와 &만 허용한다.
– 숫자로 시작하면 안 된다.
– 공백은 입력하면 안 된다.
식별자를 만들 때 의미 있는 단어를 사용하는 것이 좋으며
식별자의 의미를 더 명확히 표시하려 사용하는 규칙은 다음과 같음
– 생성자 함수의 이름은 항상 대문자로 시작한다.
– 변수, 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작한다.
– 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 한다.
52017-04-28
식별자예
alpha val random iAmBoy
flag strArr createServer makeNum
자바스크립트출력
현재 무엇을 하는지 알수 있도록 메시지를 출력하는 방법
alert() 함수 형식
62017-04-28
예제 1. 자바스크립트출력
72017-04-28
자료형
프로그래밍 언어는 자료를 손쉽게 다루기 위해 만들어짐
자바 스트립트에는 숫자, 문자열, 함수, 객체, 정의되지 않는 자료형이 있음
숫자
– 자바스크립트는 정수와 실수를 구분하지 않음
– 숫자를 사용하여 사칙 연산, 나머지 연산 가능
82017-04-28
연산자 설명
+ 덧셈 연산
- 뺄셈 연산
* 곱셈 연산
/ 나눗셈 연산
% 나머지 연산
자료형
문자열
– 문자의 집함
‘abcdefg’, ‘안녕하세요’ 등.
– ‘’, “” 으로 감싸 문자열을 표현
– 이스케이프 문자를 사용하여 특수 문자 표현
92017-04-28
이스케이프문자 설명
\t 수평 탭
\n 행 바꿈
\’ 작은따옴표
\” 큰따옴표
\\ 역 슬래시
자료형
불리언(Boolean)
– 결과의 참과 거짓을 표현할 때 사용
– 실행 결과가 true, false로 출력
– 불리언 끼리는 논리 연산자로 비교
102017-04-28
연산자 설명
>= 좌변이 우변보다 크거나 같다
<= 우변이 좌변보다 크거나 같다
> 좌변이 우변보다 크다
< 우변이 좌변보다 크다
== 좌변이 우변과 같다
!= 좌변이 우변과 다르다
! 논리 부정 연산자(not)
|| 논리 곱 연산자(or)
&& 논리 합 연산자(and)
자료형
배열
– 자료형 여러 개를 한꺼번에 다룰 수 있
– 대괄호를 사용해 생성하며 쉼표로 구분
– index는 0부터 시작함
112017-04-28
변수
모든 자료형을 저장할 때 사용
수학자들이 𝜋를 3.141592 라고 표시하는 것과 비슷
변수는 두 단계를 거쳐 사용할 수 있음
– 변수를 선언한다
– 변수를 초기화한다
122017-04-28
연산자 설명
>= 좌변이 우변보다 크거나 같다
<= 우변이 좌변보다 크거나 같다
> 좌변이 우변보다 크다
< 우변이 좌변보다 크다
== 좌변이 우변과 같다
!= 좌변이 우변과 다르다
! 논리 부정 연산자(not)
|| 논리 곱 연산자(or)
&& 논리 합 연산자(and)
변수 선언
변수 초기화
예제 2. 변수
132017-04-28
배열 자료형에 10개의 숫자를 저장하고 html 페이지에 출력
document.write 함수를 사용하여 페이지에 출력할 수 있음
예제 3. 배열출력하기
142017-04-28
감사합니다
