[2023 신입부원 기초 스터디] 이총명 5주차 - JS 입문

1 . JS란

JS는 Jeongmyeong is Sexy의 약자로 윙크 회장의 섹시함을 알리기 위해 만들어진 언어이다.

(그럼 JMS 아님?)

 

2.  JS 사용법

let 변수명;

이렇게 변수를 선언 할 수 있고 같은 변수명을 재선언 할 수 없다.

(그냥 변수에 다른값을 넣는건 당연히 됨)

 

const 상수명;

이렇게 상수를 선언 할 수 있고 이름 그대로 값을 바꿀 수 없다.

 

console.log(내용);

live server을 열고 개발자 도구를 연 뒤 콘솔창에서 로그를 볼 수 있다.

 

배열

const 이름 = [값] 이렇게 선언 할 수 있고 파이썬의 리스트와 유사한듯하다.

 

객체

const 이름 = {key : value} 이렇게 선언 할 수 있고 파이썬의 딕셔너리와 유사한듯하다.

 

---

3. 원시 데이터 타입

• 객체가 아니면서 메서드도 아닌 데이터 
• string, number, bigint, bollean, undifined, null, symbol

4. 참조 데이터 타입

• 원시 데이터와 달리 힙 이라는 공간에 값을 저장하고 변수에는 그 힙을 가리키는 주소값을 저장

---

5. 백틱(backtick)

• "", '', + 등을 사용하지 않고 간단하게 문자열에 변수나 상수를 삽입할 수 있다.
• (\n)등 줄 바꿈이나 공백 표현을 위해서 백 슬래시로 시작하는 Escape Sequence를 사용하지 않아도 된다.
• ~이 있는키를 누르면 백틱이 나온다 (` `)

6. JS 연산자

더하기, 빼기, 곱하기, 나누기, 제곱 등 기본연산자는 파이썬과 동일하다.

number++; 이렇게하면 number의 값이 1 증가한다

number--; 이렇게하면 number의 값이 1 감소한다

 

비교 연산자

• <,>,<=,>= 는 파이썬과 동일하다
• ==는 추상비교 ===는 엄격비교이다
• '123' == 123은 True 지만 '123' === 123은 False
• 파이썬에서 !=로 쓰던것은 !==이다

논리 연산자

• and : &&
• or : ||
• not : !

삼항 연산자

• 논리식 ? 참일때 출력값 : 거짓일때 출력값 으로 나타냄
• ex(console.log(2 < 3 ? '참' : '거짓');)

널리쉬

• 여러 피연산자 중 값이 확정되어 있는 변수를 찾음
• 따라서 null 과 undefind 제외하고 찾음
• 변수(null) ?? 변수(undefind) ?? 변수(값 확정) 이렇게 되어있으면 3번째껄 리턴함

전개 연산자

• ...변수명   이렇게 사용함
• 변수(또는 상수)의 내용물을 출력해줌