자바스크립트

9mond·2023년 8월 4일
0
post-thumbnail
post-custom-banner

1. 바닐라 스크립트(Vanilla JS)

  • 바닐라 자바 스크립트는 플러그인이나, 라이브러리를 사용하지 않은 순수 자바 스크립트를 말한다.
  • 바닐라 자바 스크립트 = 자바 스크립트
  • 아무것도 다운받지 않아도 돼서 가볍고 빠름.

2. JavaScript에 영향을 준 언어

  • Java : 기본적인 문법
  • Scheme
  • Self

3. JavaScript 버전

  • ES6

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문

profile
개발자
post-custom-banner

0개의 댓글