js 데이터 (자료형, Date Type)

Primitive data type (원시형)

• 변수에 값이 그대로 저장이 됩니다.

1. 문자 (String)
2. 숫자 (Number)
3. 불리언 (Boolean)
4. null
5. undefined
6. 심벌 (Symbol)
7. 큰정수 (BigInt)

---

문자

• 문자열은 작은따옴표( ' ' ) 큰따옴표( " " ) 백틱( ` ` )로 텍스트를 감싼다

'pansik'
"pansik"
`pansik` //보간 ${}

const a = 'world'
const b = 'hello'
console.log(a) // 'world'
console.log(b) // 'hello'
console.log(`${b} ${a}!`) // 'hello world!'

---

숫자

• Not-A-Number - 숫자 데이터 / 숫자로 표시가 불가!
  NaN

23.23 (실수)
23 (정수)
-23 (음의 정수)
NaN (not a number)

---

불리언 (Boolean)

• 불리언 값은 true false뿐이다.

const a = true
console.log(foo) // true

const b = false
console.log(b) // false

---

null

• '존재하지 않는', '비어 있는', '알 수 없는' 값을 명시적으로 나타냄

---

undefined

• '값이 할당되지 않은 상태'를 암시적으로 나타냄

let foo;
console.log(foo) // undefined

---

심벌 (symbol)

• 유일한 식별자(ID)
• 심벌 값은 다른 값과 중복되지 않는 유일무이한 값이다

let key = Symbol('key')
console.log(typeof key) // symbol

const symbol1 = Symbol('id')
const symbol2 = Symbol('id')
console.log( symbol1 === symbol2 ) // false

const s = SymBol('Hello world!') // 설명

const user = {
  name: 'Kimchaewook',
  [s]: 25
}

console.log(user.name)
console.log(user[s])

---

bigInt

• 지수, 큰(Big) 정수(Integer)

const bigInt = 12345678901234567890123n
console.log(`value: ${bigInt}, type: ${bigInt}) //

---

Reference data type (참조형)

• 변수에 값이 저장이 안되고 Reference에 참조가 됩니다.

1. 배열 (Array)
2. 객체 (Object)
3. 함수 (Function)

---

배열

Array (배열 데이터)

• 여러 데이터를 순차적으로 저장합니다 [ ]

let fruits = ['Apple', 'Banana', 'Cherry'];

console.log(fruits[0]); // Apple 
console.log(fruits[1]); // Banana 
console.log(fruits[2]); // Cherry

---

객체

Object (객체 데이터)

• 여러 데이터를 Key:value 형태로 저장합니다 { }

let user = {
name: 'apple',
age: 450,
isValid: true
}

console.log(user.name); // 'apple'
console.log(user.age); // 450
console.log(user.isValid); // true

---

함수

함수 function

• 특정 동작(기능)을 수행하는 일부 코드의 집합체

1. split : 문자를 인수 기준으로 쪼개서 배열로 반환

2. reverse : 배열을 뒤집기.

3. join : 배열을 인수 기준으로 문자로 병합해 반환.

4. const b = a.split ('').reverse().join(''); // 메소드 체이닝

---

형(Type)변환

• 명시적인 변환과 암묵적인 변환이있다

• 명시적인 Number(들어갈 데이터) 와 String(들어갈 데이터)

• 암묵적인 변환 +"1"붙혀주면 숫자로 바뀐다

const a = 1
const b = '1'

console.log(a === b) 

// 일치 연산자: 데이터 형 까지 보는 것 false

console.log(a == b) 

// 동등 연산자: 값만 보는 것 true

---

Truthy & Falsy

• 특정 값은 true를 나타내고 어떤 값은 false를 나타낸다

• 아래 Falsy제외한 나머지는 true값이다.

---

Falsy

if (false)
if (null)
if (undefined)
if (0)
if (-0)
if (NaN)
if (0n)
if ('') // 공백 문자

---

자료형 확인

1. typeof 데이터
2. 데이터.constructor
3. Object.prototype.toString.call(데이터)

---

변수

1. const

• 유효범위: 블록 레벨
• 재할당: X
• 중복 선언: X
• 호이스팅(Hoisting): X
• 전역 등록: X

2. let

• 유효범위: 블록 레벨
• 재할당: O
• 중복 선언: X
• 호이스팅(Hoisting): X
• 전역 등록: X

3. var (모던 자바스크립트에서 사용 안하는것을 권장)

• 유효범위: 함수 레벨
• 재할당: O
• 중복 선언: O
• 호이스팅(Hoisting): O
• 전역 등록: O

---

• 유효범위(Scope)
• 재할당
• 중복 선언
• 호이스팅(Hoisting)
• 전역(Global) 선언시 전역 객체(window)의 속성으로 등록

---