JavaScript 기초

변수와 상수

변수 : 프로그램이 실행하는 동안 계속해서 바뀌는 값을 저장하기 위한 이름

변수 선언 방법

let age =25;
console.log(age); // 25

age를 변수의 이름 또는 변수라고 부를 수 있고,
위와 같이 let 키워드와 변수를 만드는 작업을 변수 선언이라고 합니다.

변수의 이름을 생성할 때 몇가지 규칙이 존재합니다.
1. 변수의 이름 앞에는 기호를 사용할 수 없습니다. ex) let a+ge = 25;
-> 단, 사용가능한 몇가지 기호가 존재합니다 => _(언더스코어),$(달러)
첫번째 규칙을 정리하자면 언더스코어와 달러 기호를 제외한 모든 기호는 변수이름에 들어갈수 없습니다.
2. 변수명은 반드시 숫자가 아닌 문자로 시작해야 합니다. ex) let 45age = 30;
3. if와 같은 예약어는 변수명으로 사용할 수 없습니다.

상수: 변수와 같이 어떤 값을 이름으로 부르기 위해 존재하는 값, 변수와 다르게 값이 변하지 않음 => 처음 상수를 선언하게 되면 바꿀 수 없음

자료형과 형 변환

javascript는 데이터 타입을 크게 primitive data type 과 Non-primitive data type 으로 나눌수 있습니다.

Primitive Data Type( 원시 타입,내장형 타입, 기본 타입)
한번에 하나의 고정된 값을 가지고 하나의 고정된 저장공간을 이용합니다
Number(숫자형)
String(문자형)
Undefined
Null
Boolean

Non-primitive Data Type (비 원시 타입) :
한번의 여러개의 값을 가질 수 있고 여러개의 고정되지 않은 동적 공간 사용
Object
Array
Function

Number (숫자형)

let age =25; // 정수 
let tall=180.9 // 실수
console.log(age+tall); // 205.9
console.log(age * tall); // 4522.5

숫자를 사용하여 변수를 저장할 수 있는 타입입니다.
숫자형식의 형 답게 사칙연산을 통해 사용할 수 있습니다.

String (문자형)

let name = "석준수";
let name2= '석준수2';
let name3= `석준수 ${name}`;
console.log(name3); // 석준수석준수

말그대로 문자를 사용할 수 있는 타입입니다.
따옴표와 쌍따옴표 , 백틱을 사용하여 문자를 저장 할 수 있습니다
백틱은 문자 뿐 아니라 다른 변수의 값도 넣어서 저장할 수 있습니다

Boolean (논리 자료형)

let isSwitchOff=false;

참과 거짓을 저장하는 자료형

Null

let a- null;
console.log(a); // null

변수에 null 값을 대입해 변수에 어떠한 값도 들어있지 않도록 의도할 때 사용

Undefined

let a;
console.log(a); //undefined

변수를 선언하였지만 값을 아무값도 할당하지 않으면 undefined

let number = 20;
let number2="3"
console.log(number * number2); // 60 
console.log(number + number2); // 203
console.log(number + parseInt(number)); // 23

위의 코드를 보면 number은 숫자형 number2은 문자형입니다.
자바스크립트 형변환을 통해 문자형이 자동으로 형변환 되어 연산이 이루어졌습니다.
이것이 자바스크립트의 형변환 입니다.
원하는 형태로 형변환을 하려면 위 코드처럼 parse함수를 사용해 원하는 형으로 변환

연산자

대입 연산자 : 변수의 값을 넣는 연산자 ex) let a = 3;
산술 연산자 : 사칙연산을 할 수 있도록 하는 연산자 ex) + ,- ,* ,/ ,% 등
연결 연산자

let a = "1";
let b= "3";
console.log(a+b); // 13

두개 이상의 문자열을 이어붙이는 연산

복합연산자

let a =3;
a+=10;
console.log(a); //13

위 코드처럼 a = a+10 을 a+=10 으로 바꿔 연산시키는 연산자 복합 연산자 입니다.

증감연산자

let a =5;
console.log(++a); // 6
console.log(a++); // 6
console.log(a); // 7

값을 증가시키거나 감소시키는 경우가 많은데 그럴 때 사용하는 것이 증감연산자이다
연산자 앞에 있으면 전위 뒤에 있으면 후위 연산자
전위 연산자: 증감 연산을 만난 순간부터 바로 적용
후위 연산자: 증감 연산을 만난 뒤에 적용

논리 연산자

console.log(!true); // false
console.log(true && true); // true (and 연산)
console.log(true || false); // true (or 연산)

말 그대로 true false구분하는 논리 연산자입니다.
! 는 not 의미를 가지고 && 는 and | | 는 or 연산의 역할을 합니디.

비교 연산자

let compare = 1 =="1";
let compare2 = 2 ==="2";
let compare3 = 3 != "3";
let compare4 = 3 <= 3;

console.log(compare); // true
console.log(compare2); // false
console.log(compare3); // false
console.log(compare4); // true

자바스크립트에서는 == 은 값만 비교하고 === 형까지 완벽히 비교합니다.

type of 연산자

let a = "3";
console.log(typeof a); // string

변수에 담겨있는 값의 형태를 알려주는 연산자

null 변환 연산자

let a; //undefined
a= a ?? 10; 
console.log(a); // 10

피연산자 중 null 과 undefined 아닌 값을 선택하는 연산자