코딩 기초)Javascript - 자료형과 변수

1. 자료형(type)

데이터의 자료형을 확인하는 방법

typeof "Hello" 

→  "string"   (결과값 알려줌)

1) string : 문자열

document.querySelector("#typesTest").innerHTML = "안녕하세요.";

2) number : 숫자 - 수학연산자로 사칙연산 가능

document.querySelector("#typesTest").innerHTML = 100;


** 나머지 연산자(홀수,짝수 구분할때 유용하게 쓰임)
13 % 2
// 1    → 2로 나누고 남은 나머지를 반환

참고)
문자열과 숫자를 더하면 문자열이 됨

"Number " + 1
// 결과: "Number 1"

2. 변수(variable) : 데이터를 담는 주머니 - 모든 종류의 데이터를 할당할 수 있음

1) 데이터가 직접 입력된 코드

document.querySelector("h1").innerHTML = "자료형과 변수";

2) var : 변수를 선언하는 구문

var salutation = "안녕하세요, 반갑습니다!";
var h1div = document.querySelector("h1");

h1div.innerHTML = salutation;
// document.querySelector("h1").innerHTML
//   = "안녕하세요, 반갑습니다!";

• 변수마다 선언은 한 번, 값은 이후 변경 가능

var myNumber = 1;
console.log(myNumber); // 1

myNumber = 3;
console.log(myNumber); // 3

myNumber = myNumber + 2;
console.log(myNumber); // 5

• 연산자 사용방법

++ : 1씩 증가
-- : 1씩 감소
+= : +
-= : -
*= : *
/= : /
%= : 나머지

각각의 연산자를 수행하여 해당 값에 대입

myNumber = 1
myNumber += 1
→ myNumber = 2가 됨

** 문자열은 += 만 가능

var myName = '홍';
myName += '길동';

console.log(myName);
// 홍길동