[2023 신입부원 기초 스터디] 한승훈 5주차 - JS

안녕하세요, 한승훈입니다.

다들 좋은 하루 보내고 계신가요?

요즘 날이 많이 더워졌는데, 여러분 모두 더위 조심하세요!

 

토요일은 석가탄신일이였네요.

학교 안에 삼봉정사라고 절이 있는 거 아시나요?

성곡 옆인데 예쁘러다구요.

전 연등이 참 멋진 거 같습니다.

 

 

오늘부터는 JS스터디네요.

 

섹션 #0

JS 화이팅! 윙크 화이팅~

 

섹션 #1

2강

함수 지정

let hi;

hi='안녕하세요';

or

let hi='안녕하세요';

 

변수 지정

const 변수명 = '안녕하세요';

변수는 함수와 달리 생성과 동시에 초기화를 해주어야 한다.

이름 생성시 유의사항

-변수나 상수 이름의 첫번째 글자는 영어,$,_만 가능하다.

-첫 번째 말고는 숫자도 가능하다

-영어 대소문자는 구별

-let, const와 같이 예약어는 사용 불가

-공백문자는 허용하지 않는다 -> Camel이나 Snake 방식으로 띄어쓰기를 표기하자.

*일단 const로 먼저 사용하고, 필요성이 생길 경우에 let을 이용하도록 하자.(실수가 줄어든다!)

*var는 이전 js에서 쓰던 방식으로, 재할당 관련 에러가 있으니 쓰지 말자~

 

3강

원시 데이터 타입은 객체가 아니면서 메서도드 가지지 않는 데이터를 의미한다.

string, number, bigint, boolean, undefined, null, symbol

이전 파이썬과 겹치는 내용이니 빠르게 넘어가보아요~ 하하하

** 백틱 사용법

const age=21 

const name=한승훈 

이라고 정의되어있고, 이를 ''나 ""를 이용해 표현하려면

'저는' + name + '이고,' + age + '살 입니다.'; 가 된다.

but Backtict을 이용하면

`저는 ${name}이고, ${age}살 입니다.`; 로, 사용하는 따옴표의 수가 줄어 편리하게 표현이 가능하다. 

-Boolean: True or False을 나타낼 때 쓰인다.

-null: 값이 아예 존재하지 않는다.

-undefined: 값이 아직 지정되지 않았다.(ex.선언되었으나 초기화x)

 

4강: 참조 데이터 타입

-배열

이전 python의 리스트와 유사해보이는 기능이다.

index가 존재한다!

-객체

python의 딕셔너리와 같이

{키:값,키:값}의 형태로 지정한다.

-배열과 객체는 중첩이 가능하다!

 

5강

-산술 연산자

+, -,  *,  /,  %,  ** 말고도

++, __의 증감 연산자도 존재한다.

 -등호

a=123, b='123'처럼 =은 변수 지정에 사용

a==b 는 True 이다.(추상 비교)

a===b는 False이다.(엄격 비교)

-논리 연산자

&&은 둘 다 참이여야 True

||은 둘 중 하나가 참이면 참인 or

!이 붙으면 반대로!

-삼항 연산자

(조건) ? (참일 때 실행될 부분) : (거짓일 때 실행될 부분)

으로 나타낸다.

-Nullish 연산자

Null, Undefined가 아닌 확정된 변수를 선택한다.

a??b??c로 표기한다.

-비트 연산자: binary연산을 수행한다.

-대입 연산자

+= 

-=

%=

등등! 이미 아니까~

 

-전개 구문(Spread Syntax)

numbers=[1,2,3]일 경우,

console.log(numbers)

>>>[1,2,3]

console.log(...numbers)

>>> 1 2 3

이런식으로 전개를 해버린다!

 

뭔가 오늘은 그림이나 사진 없이 텍스트로 엄청 간략하게 설명한 느낌이네요.

하지만!

엑기스는 모두 담았다..랄까요?

정말입니다. ㅎㅎ

다들 좋은 하루 되세요~