localhost
사용자 컴퓨터 자체를 가리키는 IP주소 ( 127.0.0.1 )을 의미
localhost === 127.0.0.1
DNS( Domain Name System)에 의해 사람이 이해하기 쉽고 직관적인 주소(도메인)와 실제 IP 주소가 서로 호환될 수 있음
localhost:5500
=>port 번호: localhost로 통하는 여러 개의 문 중 하나
비교연산자
자바스크립트의 데이터를 서로 비교해주는 연산자
비교연산자에는 두 가지 종류가 있지만, 실무에서는 엄격한 비교연산자를 사용
느슨한 비교연산자
데이터 값은 비교, 타입은 비교하지 않음
1 == '1'
// true📌 But, 문자열 1과 숫자 1은 엄격히 구분되어야 하므로 실무에서는 사용되지 않음
엄격한 비교연산자
서로 완전히 같지 않다면 false를 반환함
데이터의 메모리 주소를 비교해 두 데이터가 완벽히 일치하는지 판단함
1 === '1'
// false논리 연산자
&& (and 연산자): 양쪽에 위치한 조건을 모두 만족한 경우 true|| (or 연산자): 양쪽에 위치한 조건을 하나라도 만족한 경우 true! (not 연산자): boolean의 값을 반전시켜주는 논리 연산자
(true -> false) , (false -> true)
falsey 값
거짓과 같은 것으로 간주하는 값으로, 이 외의 데이터는 truthy 값
- undefined
- null
- 0
- ""
- NaN
원시타입과 참조타입
자바스크립트의 데이터 타입은 크게 두 가지로 나뉨
원시타입 (Primitive type)과 참조타입 (Reference type)
원시타입
종류
StringNumberBoolean(True or False)BigInt(2^53 -1 보다 큰 정수를 표현)Symbol(객체의 property key를 만들기 위해 사용)undefined(변수를 선언하고, 값을 할당하지 않은 상태)null(변수를 선언하고, 빈 값을 할당한 상태(빈 객체))
특징
불변성( immutable )
- 변수에 문자열 "apple"를 할당하면
문자열은 x001이라는 주소를 가진 메모리에 저장됨 - 변수에 다른 문자열 "grape"을 재할당하면 x001의 메모리에 저장된 값을 바꾸지 않고, x002의 메모리에 새롭게 저장하고 변수에 메모리를 재할당
참조타입
종류
- 객체 타입
- 원시타입 7종류를 제외한 나머지
특징
가변성( mutable )
- 객체를 할당한 변수는 재할당 없이 객체를 변경할 수 있다. 재할당 없이 property를 추가/삭제 또는 갱신할 수 있다.
- but, 참조형 데이터 자체를 변경할 경우는 불변이고 그 내부의 property를 변경할 때만 가변
조건문과 논리연산자
조건문
작성한 조건이 참(true)일 경우 지정한 코드를 수행하도록 하는 기능
if...else
if 문은 특정 조건이 참(true)일 때 명령문을 실행- 거짓(false)일 경우
else 문을 실행 else if 문은 중첩하여 사용 가능
if (조건1) {
// 조건1이 참이면 실행
} else if (조건2) {
// 조건1이 거짓이고 조건2가 참이면 실행
} else {
// 조건1과 조건2가 모두 거짓일 때 실행
}
if(user.name === "peter"){
console.log("안녕하세요. peter님")
} else if(user.name === "jason"){
console.log("안녕하세요. jason님")
} else {
console.log("저희 멤버가 아니시네요")
}
Keep going