제로초 JS 입문 강의 2강 정리

 

 

 

 

 

2 - 1

세미콜론 : 문장의 끝에 넣는다.

// , /* */ : 주석

들여쓰기 : 문단 구분

 

 

 

2 - 2

' ," : 문장 쓸 때 사용, 줄 바꿈은 \n 사용

` : 문장 쓸 때 사용, 줄 바꿈은 그냥 엔터치면 자동으로 됨

위에 있는 애들 자체를 표현하고 싶으면 서로 다른 애들로 감싸면 된다.

혹은 \' 이런 식으로 사용.

 

typeof : 뒤에 내용을 쓰고 입력하면 해당 내용의 형식 확인

 

 

 

2 - 3

문자열 합치기

=> + 로 합친다 끝.

 

 

 

2 - 4

숫자 표현은 

그냥 숫자를 써도 되고

9e4

2**3

0x1a1

0o111

 

이런 식으로 콘솔에 넣어도 다 알아서 뜬다.

 

NaN : Not a Number (숫자 형식이긴 함)

 

parseInt() : 문자열을 Int로 변환하는 함수

 

 

 

2 - 5

연산자 우선순위

 

소수 계산 시 주의

=> 왜냐면 컴퓨터 입장에서 2진법으로 계산 후 10진으로 변환을 하다 보니 소수들의 계산이 부정확하다.

=> 해결법은 정수로 (10을 곱한다던가) 변환해서 계산 후 10으로 다시 나누는 식으로 계산하면 해결

 

 

 

2 - 6

불리안 값

 

연산 비교

==와 ===의 차이

=> ==는 자료형 비교까지 하지 않는다.

 

 

 

2 - 7

논리연산자

 

 

 

2 - 8

undefined와 null (비어 있는 값)

 

JS에서 유명한 버그

typeof null

=> "object"

라고 뜬다.

하지만 object랑 null 은 다른 자료형이다.

 

 

 

2 - 9

변수 선언

let

 

 

 

2 - 10

변수 이름

 

 

 

2 - 11

변수 수정

 

 

 

2 - 12

변수 선언

상수(const) : 변하지 않는 수 선언

var : 요즘 잘 안 씀. 선언이 명확하지 않다는 거지. 마치 JS 처럼

 

 

 

2 - 13

조건문 (if)

 

 

 

2 - 14

else / else if / switch

 

 

 

2 - 15

조건부 연산자(삼항 연산자)

조건? 참일 때 실행 : 거짓일 때 실행 ; 

 

 

 

2 - 16

반복문 (while)

 

 

 

2 - 17

반복문 (for)

 

 

 

2 - 18

break : 반복문을 나간다.

continue : 이번 반복은 넘기고 다음 차례 반복 진행

 

 

 

2 - 19

중첩 반복문

 

 

 

2 - 20

별로 모양 만들기

 

 

 

2 - 21

배열 기본

const arr = [1, 2, 3]

 

처음 추가 제거 : unshift() , shift()
마지막 추가 제거 : push() , pop()

 

 

 

2 - 22

배열 메서드(수정, 조회)

splice(넣을 위치, 넣을 위치로부터 뒤로 몇개 지울 지, 넣을 것)

배열 내 존재 여부만 확인 : includes(원하는 값) => 불리안 값으로 반환
배열 내 원하는 값의 인덱스 확인 : indexof(값) / lastIndexOf(값) => 한 개씩만 반환. 값이 없으면 -1 반환

 

 함수로 배열 내용 수정

 

 

 

2 - 23

배열 메서드 응용

 

 

 

2 - 24

배열 at 메서드

특정 위치만 반환 : at(인덱스) => 인덱스에 마이너스 사용 가능

 

 

 

2 - 25

함수 기본

function a(){ }

const a = function(){ }

const b = () => {}

 

 

 

2 - 26

매개변수와 인수

매개변수보다 인수가 많거나 적으면 알아서 무시되거나 앞부터 들어간다.

 

 

 

2 - 27

객체 리터럴 기본

=> 구조체랑 똑같은 개념

 

 

 

2 - 28

객체의 비교 (원시값과의 차이점)

객체 (배열이든 함수든) 끼리 비교는 무조건 다르다.

변수에 저장해서 비교해야 같아진다 (주소가 같아지니까)

 

 

 

2 - 29

옵셔널 체이닝 문법

변수 a 안에 있는 name 리터럴 안의 last의 값을 알고 싶은데

리터럴 이름이 name 인지를 모를 때,

 

a.unknown?.last

 

라고 ?. 를 쓰면

알아서 값을 찾아와서 쓴다.