[2023 신입부원 기초 스터디] 최종은 #5주차 JS 입문

 

1. 변수와 상수

변수: 변할 수 있는 값

let: 변수 작성

 

상수: 변할 수 없는 값(변수와 다르게 수정 불가능)

const: 상수 선언

 

 

*변수 이름 규칙*

1.첫글자는 영어,$,_만 가능

2.첫글자 이외에는 숫자도 사용 가능 (Ex: _1234, &1234 등)

3.대소문자 구분

4.예약어 (Ex: let,const)사용 불가능

5.공백 불가능

 

기본적으로 const를 사용하고 값 변경이 필요하다면 let 사용 권장

 

var을 사용하지 않는 이유: var에서 개선된 const,let이 있기에 딱히 사용할 이유가 없음

 

2.원시 데이터 타입

number: 정수

bigint: -(2^53-1) ~ (2^53-1) 까지의 범위 표현

string: 문자열

 

문자열 따옴표: "" , ''  둘 다 사용 가능

백틱(backtick): 문자열과 변수를 함께 적절히 사용할 수 있음

 

boolean : 참(True) 또는 거짓(False) 만을 가질 수 있음

Null: 값이 존재하지 않음

 

Undefined: 값이 아직 지정되지 않았음

 

3.참조 데이터 타입

원시 타입과 참조 타입의 차이

   - 원시타입: 직접적으로 값을 하나만 가르킴

   - 참조타입: 원시타입 데이터의 집합 (여러개의 값을 가르킴)

 

배열(Array): 데이터들의 집합(하나의 데이터 타입으로 통일)

객체(Object): 데이터들의 집합(여러 타입의 데이터로 이루어짐)

 

점 표기법과 대괄호 표기법

 

   - 점 표기법: 점을 붙인 후 뒤에 식별자를 지정

   - 대괄호 표기법: 객체의 이름 뒤에 대괄호를 열고 key값을 문자열로 지정

 

배열과 객체의 중첩

   배열,객체의 내부에 배열,객체를 또 넣을 수 있음!!

 

4.연산자와 전개구문

1.산술연산자 :  +, -, *, /, %(나머지), **(지수연산자)

2.증감연산자: ++, --

3.비교연산자: >=, ==, <=, <, >, ===, !==

 * ==와 ===의 차이: ==은 추상비교(생긴거만 똑같음 됨) ===은 엄격비교(데이터 타입까지 같아야함)

4.논리연산자: &&(and)(모두 참 -> 참), ||(or)(하나만 참 -> 참), !(not)(거짓->참)

 

5.삼항연산자(?): 조건이 참일 때 실행,거짓일 때 실행이 다름

(Ex:  console.long(2<3 ? '참' : '거짓' );

 

6.널리쉬 연산자(??): 여러개의 피연사자 중 값이 정해진 변수를 찾음

(a=undefined, b=null, c=0 일 때)

(Ex: console.long(a??b??c); -> c 선택)

 

7.비트연산자: & | ~ ^ << >> ... (필요할때만 찾아보쟈 잘 안쓰더라 )

 

8.대입연산자: =, +=,-=,.... 등 연산자 + '='를 하면 대입연산자 가능