[렛츠기릿 자바스크립트] 자바스크립트 기본 문법

---

💻 실습환경

크롬 브라우저콘솔(REPL)을 이용했다. 자바스크립트의 특성과 문법을 알아보기 위해 간단한 코드만 작성해볼 예정이어서 크롬 개발자도구에 있는 브라우저 콘솔을 이용해 공부했다.

1️⃣ 기본 자료형

• 문자열(string)
  1) 문자열 + 문자열이 가능하다.
  2) 문자열 - 문자열은 언제나 NaN이다.

	'hello ' + 'world'
	//반환값 'hello world'

	'hello' - 'h'
	//반환값 NaN

• 숫자(number) : 양수, 음수, 실수, 정수 따로 구분없이 통틀어서 number자료형에 속한다.

• boolean : 참, 거짓을 나타내는 값. true, false
  Boolean() : 불리언으로 형변환하는 연산자. false, '', 0, NaN, undefined, null, document.all 외에는 모두 true를 반환한다.

	Boolean('a')
	//반환값 true

	Boolean(!'a')
	//반환값 false

	Boolean(!!'a')
	//반환값 true

	Boolean(false)
	//반환값 false

2️⃣ 연산자

• == 과 ===
  == 은 두 피연산자의 자료형이 다를 경우 자동으로 형변환해서 비교하고 ===은 자료형까지 고려해서 비교한다. 정확하게 비교하려면 ===을 사용하는 것이 좋다.

	'5' == 5
	//반환값 true

	'5' === 5
	//반환값 false

3️⃣ null과 undefined의 차이

null은 할당은 되어있지만 값은 없다는 것, undefined는 할당자체가 되어있지 않다는 것이다.
어떤 변수를 사용하고 그 값을 null로 넣으면 의도적으로 null값을 넣은게 표가 난다. 하지만 변수에 undefined를 넣으면 변수선언도 하지 않은 것과 같은 상태가 되어 의도적으로 값을 넣지 않았는지 처음부터 선언도 되지 않았는지 알 수가 없다. 여러사람과 작업할 때 변수의 값을 비워야할 때는 null을 사용하는 것이 좋다.

4️⃣ 변수

• 변수명 : 쓸 수 없는 변수명으로는 $_제외 특수문자, 첫 글자가 숫자인 변수명, 예약어 등이 있다.
• 변수의 선언 :
  let 변수명
  const 변수명 (상수생성)
  var 변수명
  으로 변수를 선언하면 메모리에 저장된다. var는 한 번 사용된 변수가 다시 선언되는 오류가 있어 잘 사용하지 않는다. let이 var를 완벽하게 대체할 수 있다.

	let string = '123';
	const name = 'name';
	var number = 12345;

5️⃣ 조건부연산자(삼항연산자)

• 형식

조건식 ? 참일 때 실행되는식 : 거짓일 때 실행되는 식

조건부연산자를 이용하면 조건식을 더 간단하게 사용할 수 있다.

condition ? condition2 ? 둘 다 참일 때 실행식 : condition1만 참일 때 실행식 : condition 1이 거짓일 때 실행식
//삼항연산자 예시1

condition ? (condition2 ? 둘 다 참일 때 실행식 : condition1만 참일 때 실행식) : condition 1이 거짓일 때 실행식
//예시 1을 괄호로 묶어보면 이해가 더 쉽다. 이중 if문과 동일하게 작동한다고 생각하면 된다.