1. 바닐라 스크립트(Vanilla JS)
- 바닐라 자바 스크립트는 플러그인이나, 라이브러리를 사용하지 않은 순수 자바 스크립트를 말한다.
- 바닐라 자바 스크립트 = 자바 스크립트
- 아무것도 다운받지 않아도 돼서 가볍고 빠름.
2. JavaScript에 영향을 준 언어
- Java : 기본적인 문법
- Scheme
- Self
3. JavaScript 버전
4. 변수의 사용방법
4-1. 변수의 선언
- 선언은 var키워드 뒤에 사용하고자 하는 변수의 이름을 지정하고 세미콜론으로 한 라인을 종료한다.
var num;
var hello;
4-2. 변수의 할당
- 선언된 변수에 원하는 값을 대입하는과정을 의미한다.
숫자형식이나 문자열 등을 사용한다.
num = 12345;
hello = '안녕하세요';
hello = "안녕하세요";
4-3. 변수의 종류
-
JavaScript의 변수는 표현하는 값의 종류에 따라서 형식이 구분된다.
-
이러한 변수의 종류를 데이터형이라고 한다.
-
데이터 타입(Data Type), 변수형 등도 같은 의미로 사용한다.
-
Number
: 정수, 실수
-
String
: 문자열
-
Boolean
: true, false
-
Object
: 객체를 저장하기 위한 데이터 타입
-
Null
: 값 없음, 개발자가 의도적으로 변수의 공간을 비워 놓은 상태를 의미
-
Undefined
: 정의되지 않음, 처음부터 변수가 선언만 되고 아무런 값도 할당되지 않은 상태를 의미
이 상태의 변수는 어떠한 처리도 불가능하다.
5. 연산자 종류
5-1. 대입 연산자
5-2. 사칙 연산자
5-3. 단항 연산자
var x = 100;
x = x + 5;
------------
x += 5;
5-4. 증감 연산자
5-5. 비교 연산자
5-6. 논리 연산자
6. HTML에 결과를 출력하기
6-1. document.write(출력내용)
- HTML 페이지의 태그 안을 javascript에서는 document(=문서)라고 부른다.
- HTML 태그를 포함해서 출력할 수 있다.
- 출력되는 내용은 기존에 존재하던 태그 안의 모든 내용을 지우고 새롭게 작성된다.
document.write("<h1>내용</h1>");
7. 조건문
-
if문
-
if ~ else문
-
if else if ~ else문
-
switch문