20220406 - WEB JavaScript 28

- 데이터 타입이란? 자료형을 의미한다.

JavaScript에는 어떤 형태의 데이터들이 있는가

기본 자료형 (Primitive) 인 여섯가지 데이터 타입
Boolean
Null
Undefined
Number (en-US) (숫자)
String (문자열)
Symbol (ECMAScript 6 에 추가됨)
별도로 Object 도 있음

이중 대표적인 것은 문자열(String)과 숫자(Number)

- 숫자와 연산자

console 사용시 alert에 번거로움을 느낄 떄

alert(1+1) 대신

그냥 1+1이라고 적어도 2를 출력해준다. > 자료형 number를 사용하는 것

- 문자열

console "Hello world".lenght 문자열 길이 츨력

여러 속성(properties), method 확인 가능

1+1=2

"1"+"1"="11"

실제 HTML에서 사용된 코드에서도 '감싸진 문자열을 확인할 수 있다.

- 변수와 대입 연산자

x=1, y=2, x+y=3

변수(variable) x, y

대입 연산자 = 오른쪽 항의 값을 왼쪽 항에 대입하라

1=2 오류발생, 1과 2는 상수(constant)이기 때문이다.

x는 변수이기 때문에 대입이 가능하다.

긴 글에서 다수 등장하는 특정 단어를 다른 단어로 변경하고 싶다면?

var name = 'egoing'; /*egoing이 바꾸고 싶은 단어, var(variable) 은 변수사용시 들이면 좋은 습관*/

(console 사용시 바로 실행되지 않도록 시프트+엔터)

"+name+"으로 글 사이사이에 넣어주면 egoing으로 출력된다.

변경이 필요할 경우 변수 name의 값만 바꿔주면 된다.

HTML 코드에서도 변수와 대입 연산자가 빈번히 사용된 것을 알 수 있다.

- 웹브라우저 제어

1
2

<body style="background-color: white; color: black;">
<input id="night_day" type="button" value="day" onclick="nightDayHandler(this);">

버튼을 통해 day/night 버전을 변경하려면?

상기 코드에서 style 옆 내용이 변경되도록 해야한다.

변수를 사용하여 버튼 클릭시 변수가 변경될 수 있도록!

티스토리툴바