JS : 2 - 1

자료(data) : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것

자료형(data type) : 자료 형태에 따라 나눠 놓은 것

자바스크립트는 다양한 종류의 자료형을 제공 / 숫자, 문자열, 불 자료형을 많이 사용

문자열 자료형

문자열 : 문자들의 집합

문자가 하나든 여러개든 모두 문자열 자료형 이다.

*함수와 메소드는 특정 기능을 동작시키도록 작성된 코드 집합 이다.

문자열 만들기

자바스크립트는 2가지 방법으로 문자열 생성
1. 큰따옴표 ("")
2. 작은따옴표 ('')

예외) 큰따옴표와 작은따옴표 모두 활용해야하는 상황에는
1. 외부에 큰따옴표 내부엔 작은따옴표 or 외부에 작은따옴표 내부엔 큰따옴표
ex) "This is 'sparta'" or 'This is "sparta"'

2. 따옴표 앞에 이스케이스 문자(\) 사용하면 문자 그대로 사용가능
ex) "This is\"sparta\"" or 'This is \'sparta\''

구문오류 : Uncaught SyntaxError:Unexpected identifier 
		(식별자가 예상하지 못한 위치에 등장했다는 오류)

이스케이프 문자 이외 특수 기능
\n : 줄바꿈
\t : 탭을 의미
\\ : 역슬래시(\) 그 자체를 의미

역슬래시를 나타낼려면 반드시 역슬래시 2개 사용해야함!

문자열 연산자

1. 문자열 연결 연산자 : 문자열 사이에 덧셈 기호(+)를 사용하면 문자열 연결할 수 있다.
ex) 문자열 + 문자열

2. 문자열 선택 연산자 : 문자열 내부의 문자 하나를 선택할 때는 문자 선택 연산자를 사용
ex) 문자열[숫자] = 문자열[인덱스] / 자바스크립트는 인덱스 0부터 센다.
	"안녕하세요" -> [0]:안 [1]:녕 [2]:하 [3]:세 [4]:요
    
3. 문자열 길이 : 문자열 내부의 문자 개수, 문자열 길이 구할 때 length 속성 사용
ex) "안녕하세요".length - 5출력 / "".length - 0출력(빈 문자열도 문자열이다)

숫자 자료형 : 자바스크립트는 소수점 있든 없든 모두 같은 자료형 이다

숫자 연산자

숫자 자료형을 사용하여 기본적인 사칙 연산 가능
+ : 더하기 연산자 
- : 빼기 연산자 
* : 곱하기 연산자 
/ : 나누기 연산자
% : 나머지 연산자 ex) 10%2 => 나머지 0, 10%4 => 나머지 2

연산자 우선순위
ex) 5+3*2 = 3과 2를 먼저 곱한뒤 5를 더한다 => 11
ex) (5+3)*2 = 괄호를 사용하면 괄호안부터 계산한다 => 16

불 자료형 : 자바스크립트에서 참과 거짓값을 표현할 때 사용 (true, false)

불 자료형 사용처 (if문, else문, else if문)

if(불 표현식){
	불 표현식이 참일 때 실행할 문자
}

<script>
	if(273<52)
</script>

비교연산자

=== : 양쪽이 같다
!== : 양쪽이 다르다
> : 왼쪽이 더 크다
< : 오른쪽이 더 크다
>= : 왼쪽이 더 크거나 같다
<= : 오른쪽이 더 크거나 같다

ex) 52 > 273 - false / 52 < 273 - true / 10 === 10 - true
	10 !== 10 - false

불 부정 연산자

논리 부정 연산자는 !기호를 사용하여 참을 거짓, 거짓을 참으로 바꿔 줍니다.

!true = false
!false = true

*단항 연산자 : 연산자는 피 연산자의 개수에 따라 단항 연산자/이항 연산자/ 삼항 연산자
ex) !true // 단항 연산자(피연산자 true 1개)
10 + 20 //이항 연산자(피연산자 10, 20 2개)
true ? 10 : 20 // 삼항 연산자 (피연산자 true, 10, 20)

불 논리곱 연산자(&& = 그리고 = and)

&&연산자는 양쪽 변의 값이 모두 true일 때 true결과나옴
ex) 티켓을 1장만 구매하면서 오후 3시이후부터
	티켓1장 && 오후 3시 => 구매가능 
    두조건이 만족해야 가능

불 논리합 연산자(|| = 또는 = or)

||연산자는 양쪽 변의 값 중 하나만 true여도 true결과나옴
ex) 우리카드나 신한카드로 결재하면 10% 할인해준다
	우리카드 || 신한카드 => 10% 할인
    두조건 중 하나만 만족해도 가능

자료형 검사 : 자바스크립트는 숫자, 문자열, 불 같은 자료형을 확인할 때 typeof연산자를 사용합니다.

typeof('문자열') = "string"

typeof('273') = "number"

typeof(true) = "boolean"

템플릿 문자열

과거 자바스크립트는 문자열 내부에 표현식을 삽입할 때 문자열 연결 연산자 + 를 사용
ex) console.log('표현식 273+52의 값은' + (273+52) + '입니다...!')

이렇게 작성한다고 문제되지는 않지만 표현식이 많이 결합되면 코드가 복잡해 져서 템플릿 문자열 기능을 사용하면 코드를 간단하게 작성가능
ex) console.log(`표현식 273 + 52의 값은 ${273+52}입니다...!`)

단 백틱을 사용해야한다 작은따옴표랑 헷갈리면 안됨

==연산자와 !=연산자

===, !== 와 ==, != 의 차이점

===, !==연산자는 값과 자료형이 같은지 비교하는 연산자
==, !=연산자는 값이 같은지 비교하는 연산자 입니다.

ex) 1 == "1" - 자료형이 달라도 변환을 하면 값은 같기 때문에 true
	false = "0" - false는 0이라서, "0"변환하면 0 값은 같기 때문에 true
    "" == [] - 빈 문자열 false, 비어 있는 배열[] false 같기 때문에 true
    0 == [] - 0은 false, 비어 있는 배열[] false 같기 때문에 true