02-1. 기본 자료형

• 자료(data) : 프로그램이 처리할 수 있는 모든 것
• 자료형(data type) : 자료 형태에 따라 나눠 놓은 것

문자열 자료형

• 작은 따옴표 또는 큰 따옴표로 감싸면 문자열이 만들어짐
• 문자열 안에 따옴표 사용
  -내부에 작은따옴표를 사용하면 외부는 큰 따옴표 "this is 'string'"
  -내부에 큰따옴표를 사용하면 외부는 작은 따옴표 'this is "string"'
• 따옴표를 문자 그대로 사용하고 싶다면 따옴표 앞에 \를 사용
  "this is \"string\"" → this is "string"

이스케이프 문자(\)

\n : 줄바꿈
\t : 탭
\\: 역슬래시(\) 그 자체를 의미

문자열에 적용할 수 있는 처리

1. 문자열 연결 연산: 문자열 + 문자열
   '안녕' + '하세요' → 안녕하세요
2. 문자 선택 연산: 문자열[인덱스] → 문자 하나
   이때 위치를 나타내는 숫자를 인덱스(index)라고 부름 (0부터 시작)
   "안녕하세요"[0] → 안
"안녕하세요"[1] → 녕
3. 문자열의 길이: 문자열.Length
   "안녕하세요".length → 5
"자바스크립트".length → 6

숫자 자료형

• 수로 나타내는 모든 것을 숫자 자료형으로 인식
• 숫자 연산자 : 기본적인 사칙연산 (+, -, *, /)
• 나머지 연산자 : 나머지 출력 (%)

  10 % 2 → 0
  10 % 3 → 1
  10 % 4 → 2

불 자료형

-참과 거짓 값을 표현할 때 → true, false
-불린(boolean)이라고도 표기

비교 연산자

<, >, <=, >= 크다, 크거나 같다
=== 양쪽이 같다
!== 양쪽이 다르다

• 비교 연산자가 오른쪽으로만 입을 벌리게 하는 방식, 변수를 왼쪽에 쓰는 방식을 많이 씀
  x <= 3 / -2 < x

• 불 표현식 이해하기 (조건문)

  <script>
  	if(22 < 5) {
     	alert('22는 5보다 작습니다.')
     }
     if(22 > 5){
     	alert('22는 5보다 큽니다.')
     }
  </script>
  → 실행 결과 : 22는 5보다 큽니다.

불 부정 연산자

• !기호를 사용하며 참을 거짓으로, 거짓을 참으로 바꿈

  !true → false
  !false → true
  !(10 === 10) → false
  !("안녕".length >= 5) → true

• 연산자는 피연산자의 개수에 따라서 단항 연산자, 이항연산자, 삼항 연산자로 구분
  -단항 연산자 : 피연산자가 하나
  -이항 연산자 : 피연산자가 두개

  -10		//피연산자가 -10으로 1개 → 단항 연산자
  10 + 20		//피연산자가 10과 20으로 2개 → 이항 연산자
  true ? 10 : 20 	//피연산자가 true, 10, 20으로 3개 → 삼항 연산자

불 논리합/논리곱 연산자

연산자 : || (또는) 논리합 연산자. 양쪽 변의 값 중 하나만 true여도 true를 결과로 냄.
연산자 : && (그리고) 논리곱 연산자. 양쪽 변의 값이 모두 true일 때 true를 결과로 냄. 이외에는 모두 false

부등식과 비교연산자

• 범위 표현할 때 쓰임(논리연산자)
  -3 <= x && x < 2
• 이차 부등식의 해
  α <= x < β → α <= x && x < β (닫힌 범위를 나타낼 때)
  x < α 또는 β < x → x < α || β < x (열린 범위를 나타낼 때)
  

<script>
    var card = prompt("어떤 카드로 결제하시나요? ex)신한, 현대")

    if (card == "신한" || card == "삼성")
      alert("해당 카드로 결제시 10% 할인")
    else
      alert("할인 불가 카드")
  </script>

드 모르간의 법칙

• 어떠한 조건에 부정을 걸었을 때 부정연산자를 해소하면서 논리식을 바꾸는 규칙
  !(12 <= 현재_시 && 현재_시 <= 13)
  -부등식은 반대로
  -논리곱 논리합 교체
  12 > 현재_시 || 현재_시 > 13

자료형 검사

숫자, 문자열, 불 같은 자료형을 확인할 때는 typeof 연산자를 사용
자료형 구분할때 쓰임
typeof('문자열') → "string"
typeof('true') === 'boolean' → true
typeof('문자열') === 'number' → false

템플릿 문자열

백틱(`)기호로 감싸 만듦.
문자열 내부에 '${...}'기호를 사용하여 표현식을 넣으면 표현식이 문자열 안에서 계산됨

`템플릿 문자열: ${typeof('표현식')}`
→ "템플릿 문자열: string"

==연산자와 !=연산자

===, !== : 값과 자료형이 같은지 비교하는 연산자
==, != : 값이 같은지만 비교하는 연산자