[Javascript 기초] 변수, 자료형 - 가온 코딩

변수, 자료형

목차

1. 변수

2. 자료형 (1) 문자형(String) (2) 숫자형(Number) (3) Boolean (4) fypeof 연산자

 

1. 변수(variable)(變數)

변수란 값이 특정지어지지 않아 임의의 값을 가질 수 있는 문자를 뜻한다.

 

아래는 변수를 선언하는 방법이다.

name = “이름”;

age = 30;

class = “수업”	//사용 불가(class가 예약어)

 

근데 이렇게 변수선언하는 건 위험하다. 다른 개발자가 덮어쓸 수 있기 때문이다.

 

name = "가온"

console.log(name); // 가온

name = "코딩"

console.log(name); // 코딩

 

그래서 사용하는게 let, const이다.

 

let: 변할 수 있는 값. 다시 선언할 수 있다. 이미 사용하고 있다면 선언 불가하다.

const: 절대로 바뀌지 않는 상수: 수정이 안된다. 대문자로 선언하는 게 좋다.

 

모든 값을 const로 선언하고 변해야 되는 것만 let으로 선언하는 게 좋다.

 

변수 이름 규칙

1. 변수는 문자와 숫자, $와 _만 사용
2. 첫글자는 숫자가 될 수 없다.
3. 예약어 사용 불가
4. 가급적 상수는 대문자로 선언
5. 변수명은 읽기 쉽고 이해할 수 있게 선언

 

2. 자료형

자료형에는 문자형, 숫자형, boolean이 있다.

 

(1) 문자형 String

const name = "Mike"; // 문자형 String
const age = 30;

//String을 표현하는 세가지 방법
const name1 = "Mike"
const name2 = 'Mike'
const name3 = `Mike`

const message = "I'm a boy.";
const message2 = 'I\'m a boy.'; //'' 일 때 '를 표현하는 방법

const message3 = `My name is ${name}`;  // My name is Mike
const message5 = "My name is ${name}";  // My name is ${name} ""의 경우 그대로 출력되므로 주의

const message4 = `나는 ${30+1}살 입니다.`; //나는 31살 입니다.
console.log(message4);

 

(2) 숫자형 Number

const age = 30; // 숫자형 Number
const PI = 3.14;

// 숫자형 사칙연산이 가능하다.
console.log(1 + 2); // 더하기
console.log(10 - 3); // 빼기
console.log(3 * 2); // * 곱하기
console.log(6 / 3); // / 나누기
console.log(6 % 4); // % 나머지

// 문자형 더하기 가능하다.
const name0 = "Mike";

const c = "나는 ";
const d = " 입니다.";

console.log(c + name0 + d); // 나는 Mike 입니다.

const age2 = 30; // number 숫자형
console.log(c + age2 + "살" + b)    // 나는 30살 입니다. -> 숫자형도 문자형으로 변경


// 1/0을 하면?
const x = 1/0; // ???
console.log(x); // Infinity 무한대


// 문자열을 숫자로 나누면?
const name = "Mike";
const y = name/2;

console.log(y); // NaN = Not a number

 

 

(3) Boolean 참, 거짓 2가지만 나타내는 자료형이다.

// Boolean 참, 거짓
const a = true; // 참
const b = false; // 거짓

const name1 = "Mike";
const age1 = 30;

console.log(name1 == 'Mike') // true
console.log(age1 > 40)  // false

// null 과 undefined
let age3;
console.log(age3)   // undefined 변수 값을 선언하지 않고 출력할 경우

let user = null;
console.log(user)   // null 변수 값을 null로 선언할 경우(존재하지 않음)

 

(4) typeof 연산자 - 자료형을 나타낸다.

다른 개발자의 변수 타입을 알아야 하거나, mpi 통신 등을 통해 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 할 때 사용된다.

const name2 = "Mike";

console.log(typeof 3);  // number
console.log(typeof name2);  // string
console.log(typeof true);   // boolean
console.log(typeof "xxx");  // string
console.log(typeof null);   // object 객체형 (null은 객체가 아니다. 자바스크립트 초기버전의 오류이지만 수정하지 않는다고한다.)
console.log(typeof undefined);  // undefined

 

 

참고자료

코딩앙마 - 자바스크립트 기초 강좌 : 100분 완성(https://youtu.be/KF6t61yuPCY)