자바스크립트 기초

자바스크립트

: JavaScript 단순 유형에는 숫자, 문자열, 부울, null 및 정의되지 않음이 포함됩니다.

: 주석은 JavaScript에서 슬래시(/)로 표시됩니다.

: 간단한 JavaScript 작업을 수행할 때 개발자 도구 콘솔을 사용할 수 있습니다.

ㅁ 숫자

: JavaScript에는 모든 양수, 음수, 정수 및 십진수를 포함하는 숫자가 있습니다.

: 숫자는 약간의 저장 공간을 차지합니다.

/* 덧셈(addition) */
10 + 3   // 13의 결과값이 나옵니다.

/* 뺄셈(subtraction) */
10 - 3   // 7의 결과값이 나옵니다.

/* 곱셈(multiplication) */
10 * 3   // 30의 결과값이 나옵니다.

/* 나눗셈(divisiont) */
10 / 3   // 3.3333333333333335의 결과값이 나옵니다. 

/* 나머지(modulo) */
10 % 3   // 1의 결과값이 나옵니다.

/* 제곱(exponentiation) */
10 ** 3   // 1000의 결과값이 나옵니다.

NaN(숫자가 아님)

: NaN은 JavaScript에서 숫자가 아닌 값을 숫자로 취급하는 것을 의미합니다.

: 수학에서 0/0을 만드는 것은 의미가 없거나 불가능하므로 값을 정의할 수 없고 값을 지정할 수 없습니다. 따라서 JavaScript에서는 (0 나누기 0)이 NaN으로 표시됩니다. 인쇄된 NaN 타입은 문자로 보이지만 typeof로 확인해보면 숫자 타입임을 알 수 있습니다.



변수

ㅁ 떠나기

: 변수를 생성할 때 변수 이름과 함께 let 키워드를 사용합니다.

let 변수명 = 변수에 저장할 값;
ex)
let age = 30;   // 변수 age 안에 들어갈 값은 30 입니다.


변수 age에 값 30을 저장하고 age를 호출하여 30을 표시합니다.

: 변수와 ​​변수를 더하거나 뺄 수 있습니다.


age1과 age2를 더하면 30+20이 되어 값이 50이 됩니다.

: 변수에 변수를 삽입할 수도 있습니다.


age1과 age2를 total이라는 변수에 넣고 total을 호출하여 age1+age2 값을 인쇄할 수 있습니다.

변수 값 업데이트

: 변수에 변수를 추가하여 변수의 값을 업데이트할 수 있습니다.


age라는 변수를 만들고 +1씩 증가시켜 기존 연령 변수를 업데이트합니다.

: (변수 = 변수 + 상수;) 형식으로 (변수 += 상수;) 형식으로 코드를 단순화합니다.


숫자 = 숫자 + 20; 숫자 += 20; 다음과 같이 간단히 쓸 수 있습니다.

: ++, –로 셀 수 있습니다. 단, ++, –가 붙는 위치에 따라 값이 달라지므로 주의해야 합니다.


number++의 경우 현재 줄에서는 10의 값을 가지지만 다음 줄로 이동하면 10에 +1을 더해 11의 값을 갖게 된다. 반대로 ++숫자의 경우 숫자에 +1을 더하고 11의 값, 즉 +1에서 10까지 다음 행으로 전달합니다.

상수/var

ㅁ 상수

:const는 constant의 약자로 상수는 항상 일정한 값을 가지며 변하지 않습니다.


상수(const) num에 값 10을 저장하고 num에 20을 더하려고 하면 “상수 변수에 할당” 오류가 발생합니다. 상수로 지정한 값을 변경할 수 없기 때문에 발생하는 오류입니다.

Wh Var

:var 변수를 생성하는 오래된 방법입니다.


var는 let과 같은 방식으로 변수를 생성하는데 사용되는데 이전에 사용했던 것입니다.

=> let은 값을 변경할 수 있는 변수를 만드는 데 사용하고 const는 고정된 값을 갖는 상수를 만드는 데 사용합니다!

부울

w 부울

: boolean(부울)은 참(true)과 거짓(false) 두 값만을 의미합니다. 참과 거짓을 판별하는 데 사용됩니다.

: JavaScript에서 true와 false를 저장할 때 소문자로 입력해야 합니다. 그렇지 않으면 오류가 발생합니다. (Python에서는 True 또는 False로 사용됩니다.)


Tip) 변수에 저장된 값의 타입이 달라도 자바스크립트에서 업데이트가 가능하다.


숫자형 값 10은 num이라는 변수에 저장되지만, boolean 값인 false는 나중에 저장해서 사용할 수 있습니다.

변수 이름 규칙

ㅁ 변수명 규칙

: 변수 이름을 만들 때 공백을 사용하면 안됩니다. 예: 전화번호 = 111; (X) -> 전화번호 = 111로 하자; (영형)

: 변수 이름을 지정할 때 숫자로 시작하지 마십시오. 예) 3w = 33이라고 하자; (X) -> w3 = 33으로 하자; (영형)

: 식별자는 대소문자를 구분하며 문자, $, _ 및 0~9의 숫자를 포함할 수 있습니다. 예) let _hello_world = 1; (영형)

: Camel Case는 JavaScript에서 변수 이름을 작성할 때 자주 사용됩니다. Camel Case는 변수의 첫 단어를 제외한 모든 단어의 첫 글자를 대문자로 표시합니다. 예) yourPhoneNumber = 010을 그대로 둡니다.