JavaScript

Class

extends

• extends한 경우에, constructor를 수정한다면 super()를 필수로 사용해야 한다.
  => 부모의 property를 이어받아 사용한다.
• static 지시자를 사용하면 class에 메소드가 정의된다.
• #을 사용하면 외부에서 property에 접근하지 못하게 할 수 있다.

---

Closure

전역을 오염시키지 않기 위해 사용한다.
=> 지역변수를 기억하고 외부에서 수정할 수 없도록 한다.

---

Optional Chaining

에러가 나는 경우에 에러가 나지 않도록 해준다.
?.은 undefined나 null 이면 평가를 멈추고 undefined를 반환한다.

---

비동기 코드

=> 코드의 실행 흐름과 다르게 동작하는 코드

• setTimeout(콜백함수, ms)
  => ms 뒤에 콜백함수가 실행된다.
• setInterval(콜백함수, ms)
  => ms마다 콜백함수가 실행된다.

Number

• Math.floor(number)
  => 소수를 내림한다.
• Math.round(number)
  => 소수를 반올림한다.
• Math.ceil(number)
  => 소수를 올림한다.
• Math.trunc(number)
  => 소수 이하를 절삭한다.
• Math.random()
  => 0 이상 1 미만의 랜덤한 수를 반환한다.
• Math.max(numbers)
  => 수 중 최댓값을 반환한다.
• Math.min(numbers)
  => 수 중 최솟값을 반환한다.
• Math.pow(number, 거듭제곱)
  => 수를 거듭제곱한 값을 반환한다.
• Math.abs(number)
  => 절대값을 반환한다.

String

• .length
  => 공백을 포함한 길이를 반환한다.
• .slice(number1, number2)
  => number1번째부터 number2번째 전까지를 반환한다.
  => 오른쪽부터 순서를 세려면 number에 음수를 넣는다.
• .subString(index1, index2)
  => index1부터 index2까지를 반환한다.
• .substr(index, number)
  => index부터 number개 글자를 반환한다.
• .indexOf('string')
  => 문자열이 포함됐는지를 확인한다.
  => 포함됐으면 index를, 포함되지 않았으면 -1을 반환한다.
• .lastIndexOf('string')
  => .indexOf()와 동일한 방식이나, 뒤에서부터 값을 찾는다.
• .includes('string')
  => string을 포함하는지 boolean 값으로 반환한다.
• .startsWith('string')
  => string으로 시작하는지 boolean 값으로 반환한다.
• .endsWith('string')
  => string으로 끝나는지 boolean 값으로 반환한다.
• .trim(Start | End)()
  => 공백을 없애준다.
• .repeat(number)
  => number만큼 반복한다.
• .toLowerCase()
  => 소문자로 변환한다.
• .toUpperCase()
  => 대문자로 변환한다.

Array

Stack과 Queue

Stack : 배열의 마지막에 추가된 요소가 먼저 추출된다.
Queue : 배열의 먼저 추가된 요소가 먼저 추출된다.

• push()
  => 배열의 마지막에 요소를 추가한다.
  => 반환은 length 값
• pop()
  => 배열의 마지막 요소를 추출한다.
• unshift()
  => 배열의 앞에 요소를 추가한다.
  => 반환은 length 값
• shift()
  => 배열의 앞 요소를 추출한다.

정규 표현식

특정 문자 조합을 찾기 위한 패턴이다.
=> 정규 표현식도 객체이다.

arguments는 Array 형태의 객체이며 함수 내의 모든 인수를 참조할 수 있다.
input 값을 실시간을 체크할 때는 input 이벤트를 사용한다.