(SEB_FE) Section1 Unit5 타입

1. 데이터 타입이 무엇인지 이해한다.
2. JavaScript의 데이터 타입 중 Number, String, Boolean이 있다는 것을 기억한다.
3. Number 타입에 사용가능한 연산자를 사용하여 간단한 연산을 console에 출력할 수 있다.
4. Math 내장 매서드 중 Math.floor(), Math.sqrt() 등에 대해 설명할 수 있다.
5. • 연산자로 문자열과 문자열을 합칠 수 있다.
6. 문자열의 길이를 조회할 수 있다.
7. Boolean타입의 두 가지 값인 true와 false를 이해한다.
8. 비교연산자(===)와 논리연산자(!, &&, ||)를 이해한다.

⭐Number 타입

• 정수(integer)와 실수(float)을 모두 표현할 수 있습니다.
• typeof 연산자로 해당 값이 숫자 타입인지 확인할 수 있습니다.
• 산술 연산자(arithmetic operator): 수학 기호 (+ - * /)

💫Math 내장 객체

• Math.floor(): 괄호 안의 숫자를 내림하여 반환
• Math.ceil(): 괄호 안의 숫자를 올림하여 반환
• Math.round(): 괄호 안의 숫자를 반올림하여 반환
• Math.abs(): 괄호 안의 숫자의 절대값을 반환
• Math.sqrt(): 괄호 안의 숫자의 루트값을 반환
• Math.pow(): 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환
  ➡ 좀 더 복잡한 계산이 필요할 때 사용하는 게 math 내장 객체

⭐String 타입

• 인간의 언어, 자연어를 JavaScript에서 표현하기 위한 데이터 타입

• 따옴표(’), 쌍따옴표(”), 백틱(`)으로 감싸서 표현한다
  (백틱에 싸인 것도 문자열이다!!)

• 한자나 이모지와 같은 특수문자도 문자열로 만들 수 있다

• 백틱으로 만든 문자열은 줄바꿈도 가능

• + 로 문자열을 이어붙일 수 있다. 이때 +는 문자열 연결 연산자
  문자열과 다른 타입을 +로 이어붙이려고 하면 모두 문자열로 변한다.

💫문자열의 length 속성

• 문자열의 길이를 확인할 수 있다. 문자열 값에 .length 를 붙이면 됨

console.log('최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.length); // 48

💫인덱스(Index)

• 문자열의 각 문자는 순서를 가지고 있다
• 각 문자가 몇 번째에 위치하는지 인덱스(Index)로 확인
• 첫 번째 문자의 인덱스는 '0'이다. (Zero-based numbering)

💫문자열 주요 메서드

• toLowerCase() : 문자열을 소문자로 변경
• toUpperCase() : 문자열을 대문자로 변경
• concat() : 문자열 연결 연산자 + 처럼 문자열을 이어붙일 수 있다
• slice() : 문자열의 일부를 자를 수 있다

'HELLO WORLD'.toLowerCase(); // 'hello world'
'hello world'.toUpperCase(); // 'HELLO WORLD'
'hello '.concat('world'); // 'hello world'
'hello world'.slice(0, 5); // 'hello'

• indexOf() : 문자열 내에 특정 문자나 문자가 몇 번째 위치하는지 확인할 수 있다. (인덱스를 반환)
  ➡ 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스 조회
  ➡ 포함되어 있지 않으면 -1 을 반환

'🍎🍓🍉🍇'.indexOf('🍎'); // 0
'🍎🍓🍉🍇'.indexOf('🖥'); // -1
//아래처럼 문자열을 조회할 수도 있다
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.indexOf('Eich'); // 34

• includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인 (boolean값 반환)

'🍎🍓🍉🍇'.includes('🍎'); // true
'🍎🍓🍉🍇'.includes('🖥'); // false
'최초의 JavaScript는 Netscape의 Brendan Eich에 의해 만들었다.'.includes('Eich'); // true

⭐Boolean 타입

Boolean(불리언)은 사실 관계를 구분하기 위한 타입

• 불리언 타입의 값은 true 혹은 false 둘 중 하나이다

💫falsy

falsy 값: 불리언 타입은 아니나, 자바스크립트에서 false로 “여겨지는” 값
truthy 값: true로 “여겨지는” 값
(truthy 값은 매우 많으니 falsy 값을 암기하자!)

// 대표적인 falsy 값
false
0
-0
0n
""
''
``
null
undefined
NaN

💫비교연산자(comparison operator)

불리언은 비교연산자(comparison operator)로 두 값이 같은지 다른지를 확인할 때 유용

• === , !== : 엄격한 동치 연산자
  - 두 피연산자의 값과 타입이 같으면 true, 다르면 false 를 반환
  - 보이는 값이 같아도, 두 값의 타입이 다르면 false

• ==, != : 느슨한 동치 연산자
  - “대체로” 타입이 달라도 값이 같으면 true, 다르면 false를 반환
  - 느슨하게 판단하기 때문에 현대 웹 개발에서는 사용을 권장하지 않음

• >, < , >=, <= : 대소 관계 비교 연산자
  - 두 피연산자의 값의 크기를 비교

💫논리연산자(logical operator)

• || : 논리합(OR)
  - 두 값 중 하나만 true 여도 true
  - 두 값이 모두 false 면 false 로 판단
  
  
• && : 논리곱(AND)
  - 두 값이 모두 true 면 true 로 판단
  - 두 값 중 하나만 false 여도 false 로 판단
  

논리 부정 연산자( ! )의 경우, 사실 관계를 반대로 표현

• ! : 부정(NOT)

!true // false
!(100 > 200) // true

//truthy, falsy의 값도 반대로 
!0 // true
!'' // true
!1 // false
!'코드스테이츠' // false