js 기본 문법

출력

console.log("출력할 내용")

코맨트

• 한줄씩 코맨트 할 경우(//)

// 코맨트 할 내용

• 여러줄 한 번에 할 경우(/* */)

/* 코맨트할 내용
아무거나
*/

함수 선언

• function을 사용
• 카멜 케이스 문법

function userName(user, naem) {
	...
}

변수 선언
let을 이용하여 선언

let user = 'somsom';
let applePrice = 15000;

수학 연산

/* 덧셈 */
console.log(1 + 8); // 9

/* 뺄셈 */
console.log(6 - 7); // -1

/* 곱셈 */
console.log(2 * 2); // 4

/* 나눗셈 */
console.log(4 / 2); // 2
console.log(3 / 2); // 1.5

파이썬의 버림 나눗셈(//)인데 자바스크립트에는 버림 나눗셈이 따로 없다.

수학 + 할당 연산자

let i = 3;
i += 2;
console.log(i); // 5

let j = -5;
j *= 3;
console.log(j); // -15

증가, 감소 연산자

let i = 5;

i++; // i += 1과 똑같음
console.log(i); // 6

i--; // i -= 1과 똑같음
console.log(i); // 5

자바와 같은 기능을 가지고있다

문자열 포매팅
문자열 포매팅을 사용하려면 백틱(`) 기호를 사용하고, 변수를 ${} 안에 넣어주면 된다.

let item = '칠리 핫도그';
let price = 7000;
console.log(`${item}는 ${price}원입니다.`);

연산자

=== 와 ==의 차이

console.log('2' == 2);
console.log(2 == 2);
false
true

==는 자동으로 형 변환을 해주고, ===는 자동으로 형 변환을 해주지 않는다. ==는 '2'를 2로 바꿔주기 때문에 '2' == 2는 true가 됩니다. ===는 따로 형 변환을 하지 않기 때문에 '2' === 2는 false가 된다.
자동으로 형 변환을 하면 예상치 못한 결과가 나올 수 있기 때문에 대부분의 경우 ===을 사용

두 값이 모두 참이어야 할 경우 && (파이썬의 and)
두 값 중 하나라도 참이면 될 경우 || (파이썬의 or)
값 부정은 ! (파이썬의 not)

형변환
숫자형으로 : Number()

let x = '3'
console.log(Number(x))

문자열로 : String()

let x = '3'
console.log(String(x))

불린형으로 : Boolean()

• 0과 빈 문자열은 false

console.log(Boolean(0))   false
console.log(Boolean(12))  true
console.log(Boolean(''))  false
console.log(Boolean('hi')) true

타입(type)을 확일할 때 : typeof

let x = '3'
console.log(typeof x)

null과 undefined

• 둘다 값이 없을 때 나온다.
• 둘다 값이 없기 때문에 false

let user;
let name = null;
console.log(user);
console.log(name);

undefinded
null

차이점은 null은 값이 없다는 걸 의도적으로 표기할 때 사용
undefined은 코드를 실행했는데 값이 없을 경우

참고
코드잇