🌙 6일차 - 타입, 변수 -

오늘 배운 수업 📖

1. 타입
2. 변수

1. 타입

• 값의(value) 종류
• typeof로 종류를 확인 가능

number

• 숫자 타입
• 정수와 실수로 표현 가능

  100; // 정수를 표현할 수 있습니다.
  -100; // 음수를 표현할 수 있습니다.
  100.123; // 실수를 표현할 수 있습니다.

string

• 문자열

• 따옴표(’), 쌍따옴표(”), 백틱(`) 으로 표현 가능

  '사과'
  "JavaScript"
  "欢迎你"
  "😇"

• 문자열 붙이기 표현도 가능(문자열 연결 연산자)

  "안녕하세요" + "!!"; // 안녕하세요!!
  "감사합니다." + " " + "🙏" // 감사합니다. 🙏
  1 + "1" // 11 (number타입 + 문자열 타입을 더하면 나오는 값)

• 문자열 길이 확인

  '欢迎你'.length // 3

• 문자열 index (문자열안의 요소들의 위치)

  let str = 'codestates';
  console.log(str[0]); // 'c'
  console.log(str[4]); // 's'

boolean

• 사실 관계를 확인하는 타입
• 값을 true , false로 나타냄

falsy

• 불리언 타입은 아니지만, 자바스크립트에서 false로 여겨지는 값이 일부 있는데, 이를 falsy 값이라고 한다.

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

비교연산자(comparison operator)

• 불리언은 비교연산자(comparison operator)로 두 값이 같은지 다른지를 확인할 때 유용
• === 같은지 확인
• !== 다른지 확인
• ==, != 로도 사용이 가능하지만 ===,!== 를 사용하는것을 권장함
  (==,!= 연산자는 타입까지 맞는지 확인하지 않기 때문에 느슨하게 판단하기 때문)

논리연산자(logical operator)

||

• 또는 이라고 생각하면 쉽다.
• 두 값 중 하나만 true 여도 true 로 판단

  true || false; // true
  false || true; // true
  100 > 200 || 200 > 100; // true ("100은 200보다 크다" 혹은 "200은 100보다 크다" 중 하나는 true

• 두값이 모두 false 이면 false로 판단

  false || false // false
  200 < 100 || 20 < 10; // false

&&

• ~~이랑 ~~ 가 맞거나 틀리거나 , 둘 다 맞아야 된다 라고 생각하면 쉽다.

  true && true // true
  200 > 100 && 20 > 10; // true

부정

!true // true가 아니다. 라고 쓴거랑 마찬가지

2. 변수

변수의 선언

• 변수 선언 : var , let , const 3가지가 있다.

  let answer // 이런식으로 선언 가능

var

• 변수에 재할당 가능, 변수 재 선언 가능

let

• 변수에 재할당 가능, 변수 재 선언 불가능

const

• 변수에 재할당 불가능, 변수 재 선언 불가능
  ++ const(상수)는 아예 바뀌지 않는 값을 넣음

변수의 할당

let answer = 5 //선언과 동시에 할당 가능
let answer
answer = 5 // 선언 후 할당도 가능
let answer, result, test; // 여러개의 변수도 지정 및 할당이 가능하다.

변수 네이밍 규칙

• 존재 목적이 분명한 변수명을 지정해야 함
• 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있음
• 숫자로 시작하는 것은 허용하지 않음
• 식별자로 변수명이 사용 안됨 ex) let, const, true, false, typeof 등

변수 네이밍 컨벤션

• JavaScript에서는 일반적으로 카멜 케이스(camelCase)를 사용
• 카멜케이스 : 첫 단어의 첫 문자는 소문자, 이후에 연결되는 단어의 첫 문자는 대문자로 작성하는 방법
• const에 변수를 지정할 때는 모두 대문자로 지정 가능

pair 시간에 코플린 문제를 풀고 알게된 점

• return 값에 논리연산자로 여러 값을 비교했을때도 boolean 값이 나오는 것을 알게 되었다.

  return squared3===result1 || squared2===result3

• 조건문(if)에서만 사용을 해야 불리언 값을 받을 수 있는 줄 알았는데 리턴값에 직접 조건문식으로 작성을 해도 가능하다는 점에 놀랐고, 새로운 지식을 알게되어 다음에 편리하게 사용해야겠다고 생각했다.