타입

immutable vs muutable

• 변경 불가능(immutable)한 값, 원시(primitive) 타입의 값

  • 기본 타입 값 (string, number, boolean, null, undefined, Symbol)
  • 원시값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장 됨
  • 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값이 복사되어 전달됨(값에 의한 전달)

• 변경 가능(muutable)한 값, 객체(참조) 타입의 값

  • 객체(Array, Function, RegExp 등)
  • 객체를 변수에 할당하면 변수에는 참조 값이 저장 됨
  • 객체를 가리키는 변수를 다른 변수에 할당하면 참조 값이 복사되어 전달됨(참조에 의한 전달)

래퍼객체

• 원시값을 객체처럼 사용하면 자바스크립트 엔진이 일시적으로 원시값을 연관된 객체로 변환해 준다.
• 이처럼 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시 객체를 래퍼 객체라 한다.
• null, undefined는 원시값이지만 래퍼 객체를 생성하지 않아 null, undefined를 객체처럼 사용하면 에러가 발생한다.

Symbol

• 자바스크립트에는 6개의 타입(문자열, 숫자, 불리언, undefined, null, 객체 타입)이 있다.
• 심벌은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값이다.
• 다른 값과 절대 중복되지 않는 유일무이한 값
• Symbol 함수를 호출하여 생성해야 함

  new Symbol() // TypeError: Symbol is not a constructor

null, undefined

variable == null // variable 이 null 또는 undefined 인 경우에만 true

Array

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

정적 메서드

인스턴스 메서드

성능

• https://12bme.tistory.com/134

JS에서 비동기 작업

• 동기(synchronous)
  • 직렬적으로 태스크 수행하는 방식
  • 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식
• 비동기(asynchronous)
  • 병렬적으로 태스크 수행하는 방식
  • 요청을 보낸 후 응답의 수락 여부와 상관없이 다음 태스크 동작하는 방식
  • 코드의 실행 흐름을 블로킹하지 않고, 다른 작업을 동시에 수행할 수 있는 메커니즘
  • 비동기 작업은 특히 네트워크 요청, 파일 읽기/쓰기, 타이머 등과 같이 시간이 걸리거나 외부 리소스와 상호 작용해야 하는 작업을 다룰 때 유용
  • JavaScript는 기본적으로 단일 스레드에서 동작하므로 블로킹되는 작업이 있을 경우 전체 애플리케이션의 성능이 떨어질 수 있음
  • 비동기 작업의 특징
    • Non-blocking: 비동기 작업은 다른 작업이 진행되는 동안 블로킹되지 않고 백그라운드에서 동작
    • Callback 함수: 비동기 작업이 완료되면 실행될 콜백 함수를 등록할 수 있음
    • 이벤트 루프: JavaScript는 이벤트 루프를 사용하여 비동기 작업을 관리하고, 작업이 완료되었을 때 콜백 함수를 실행
    • Promise와 async/await: ES6부터는 Promise와 async/await를 사용하여 비동기 작업을 보다 간결하고 읽기 쉽게 다룰 수 있게 됨

Promise

• 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용
• ES6에서는 비동기 처리를 위해 또 다른 패턴으로 프로미스를 도입

Async / Await

async function 함수명() {
  await 비동기_처리_메서드_명();
}

• async 키워드는 function 앞에 사용, 항상 Promise 반환
• await는 async 함수 안에서만 동작, 프로미스가 처리될 때 까지 기다렸다가 결과 반환

script 파일 로드

defer, async 스크립트
https://ko.javascript.info/script-async-defer

proxy

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
• Proxy객체를 사용하면 한 객체에 대한 기본 작업을 가로채고 재정의하는 프록시를 만들 수 있음

utill
https://velog.io/@typo/advanced-javascript-functions-to-improve-code-quality

논리연산자

• 논리 부정 연산자(!) 두 번 사용하면 값을 true 또는 false로 변환하는 표현식
  !!x 일때 x값이 "null, undefined, false, 빈 문자열을 제외한 값" 이면 true, 그렇지 않으면 false

! vs !!

• ! : 어떤 값의 boolean 값을 반대로 바꿈

  console.log(!true);  // false
  console.log(!false); // true
  console.log(!0);     // true
  console.log(!1);     // false
  console.log(!"");    // true
  console.log(!"hello"); // false
  console.log(!null);  // true
  console.log(!undefined); // true
  

• !! : 값을 boolean으로 변환

  console.log(!!true);  // true
  console.log(!!false); // false
  console.log(!!0);     // false
  console.log(!!1);     // true
  console.log(!!"");    // false
  console.log(!!"hello"); // true
  console.log(!!null);  // false
  console.log(!!undefined); // false
  console.log(!!{});    // true (빈 객체도 true로 평가됩니다)
  console.log(!![]);    // true (빈 배열도 true로 평가됩니다)

화살표 함수

• 화살표 함수에는 argments 가 없음 rest 문법 활용하여 사용
  https://velog.io/@ansrjsdn/%EC%99%9C-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98%EC%97%90%EB%8A%94-arguments%EA%B0%80-%EC%97%86%EC%9D%84%EA%B9%8C

기타

eval

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/eval