JS 기본문법 - 01

변수 선언, 대입 연산자

• 변수 선언 키워드 : var, let, const
  • 키워드 우측에 변수의 이름을 작성한다.
  • var 키워드는 존재한다는것만 이해하고 사용하지 않도록 주의
• 대입 연산자 키워드 : =
  • 키워드 좌측에는 대입 할 변수를, 키워드 우측에는 대입 할 값을 작성

비교 연산자

• ===
  • 양쪽에 위치한 값이 같은 경우 true로 평가되며, 다른 경우 false로 평가된다.
• !==
  • 양쪽에 위치한 값이 다른 경우 true로 평가되며, 다른 경우 true로 평가된다.
  • !가 값을 부정하는 Not의 의미로서 사용된다.
• <, >
  • 좌측에 위치한 값이 더 클때만 true로 평가되며, 양쪽의 값이 같거나 우측에 위치한 값이 더 큰 경우 false로 평가 >
  • 우측에 위치한 값이 더 클 때에만 true로 평가되며, 양쪽의 값이 같거나 좌측에 위치한 값이 더 큰 경우 false로 평가 <
• <=, >=
  • = 기호가 붙어 양 쪽의 값이 같은 경우에 true로 평가된다
  • 좌측에 위치한 값이 더 크거나 우측에 위치한 값과 같을 때에만 true로 평가되며, 우측에 위치한 값이 더 큰 경우 false로 평가된다 >=
  • 우측에 위치한 값이 더 크거나 좌측에 위치한 값과 같을 때에만 true로 평가되며, 좌측에 위치한 값이 더 큰 경우 false로 평가된다. <=
• ==, !=
  • ==는 === 와 같은 기능을 하는 연산자이나, 사용하지 않는것을 권장
  • !=는 !== 와 같은 기능을 하는 연산자이나, 사용하지 않는것을 권장
  • 자바스크립트는 자동 형변환 기능을 가졌는데, 가볍게 보면 매우 편리한 기능이지만 알고보면 버그를 만들기 매우 쉬운 위험한 뭄법으로 받아들여야 한다.
    • 자동 형변환이 적용되는 경우, '10' == 10 의 결과가 true로 평가된다.
      숫자 자료형을 가진 값에 자동 형변환이 적용되는 경우, 문자열로 변환이 가능하다고 여겨 '10' === '10' 처럼 동작한다고 이해하면 된다.
  • ==, != 두가지 모두 위와 같은 동작을 포함하며, 버그를 유발하기 쉬운 문법이므로 ===, !== 를 사용하도록 버릇들이는게 좋다

자료형

• Boolean
  • 원시 자료형 중 하나
  • true or false 값으로만 표현할 수 있다
• String
  • 원시 자료형 중 하나
  • '값' 또는 "값" 과 같이 외따옴표, 쌍따옴표를 쌍으로 값을 묶어 표현
• Number
  • 원시 자료형 중 하나
  • 10 처럼 어떠한 따옴표나 콤마 등을 넣지 않고 숫자 값으로 표현한다
  • 10 !== '10' 두 값은 다른 자료형을 가지고 있기 때문에 같다고 볼 수 없다.
• undefined
  • 원시 자료형 중 하나
  • 값이 할당되지 않은 변수는 기본적으로 undefined
• null
  • 원시 자료형 중 하나
  • 어떤 값이 비어있음을 의도적으로 표현할 때 사용
• Object
  • { key1: value ,key2:value } 의 형태로 표현하며, value에는 모든 자료형의 값을 담을 수 있다.
  • 다른 언어에서는 이와 같은 자료형을 Dicitonary로 부르기도 하지만 JS에서의 공식 명칭은 Object이다
  • key를 기준으로 객체에 있는 값에 접근할 수 있다.
• Array
  • [value, value2, value3]의 형태로 표현하며, value에는 모든 자료형의 값을 담을 수 있다.
  • 다른 언어에서는 이와 같은 자료형을 List로 부르기도 하지만 Js에서의 공식 명칭은 Array이다.
  • 배열에는 Index라고 하는 개념이 존재하며, value에 접근 가능하게 해주는 식별자다.
• NaN
  • Not a Number의 줄임말이며, 숫자가 아닌 값을 숫자로 변환하는 경우 NaN으로 변환한다.
• Function
  • 함수는 기능의 단위를 묶거나 반복되는 코드를 줄이기 위해 사용된다.

불리언 연산

• Truthy 한 값은 true로 평가되며, Falsy 한 값은 false로 평가되는 연산 방식이다.
• Falsy 값에는 빈 문자열 '', 숫자0, 불리언 false, null, undefined, NaN 가 해당된다.
• Falsy 값이 아닌 모든값은 Truthy 값으로 연산되며 true로 평가된다.
• 항상 Truthy로 판단되는 자료형
  • Array
  • Object

조건문

• 조건문은 조건이 충족할때만 특정 구문을 실행하기를 원할 때 사용한다.
• 논리적인 로직을 표현할 때 가장 중심이 되는 구문이다.
• 조건에 들어가는 값은 항상 불리언 연산이 적용된다.