[VSCODE] 사용되지 않는 import 자동으로 제거하는 단축키

Javascript/Typescript 개발 중 특정 object를 import 했다가 관련 코드를 삭제하게 되면 해당 object를 참조하는 코드가 더이상 존재하지 않기 때문에 import 구문에서 제거해 주는것이 좋은데, 이걸 일일이 찾아서 할 필요없이 vscode 단축키로 자동 제거가 가능합니다. 아래와같이 HostListener가 더이상 참조되지 않는데, 기본 단축키 (Windows) Alt + Shift + O 를 누르면 vscode가 알아서 제거해 줍니다.

• format_list_bulleted Development/Javascript & TypeScript
• · 2023. 4. 7.
• textsms

[JavaScript] 배열의 마지막 element 가져오는 방법 세가지

1. 배열의 길이를 이용해 직접 index을 지정해서 값을 가져오기 const arr = [1, 2, 3, 4, 5]; // last element by length console.log(arr[arr.length - 1]); 2. slice method로 마지막 element 가져오기 const arr = [1, 2, 3, 4, 5]; // last element by slice console.log(...arr.slice(-1)); 3. pop method로 마지막 element 가져오기 const arr = [1, 2, 3, 4, 5]; // last element by pop console.log(arr.pop()); 이 세가지 방법의 performance를 측정해보면 (크롬 기준) const a..

• format_list_bulleted Development/Javascript & TypeScript
• · 2023. 3. 27.
• textsms

[Javascript] 이중 느낌표 연산자(Double Exclamation Operator)

Javascript 에서 이중 느낌표(!!) 연산자는 boolean으로 형 변환을 하는 기능을 합니다. const a = [1, 2, 3] const is_a_truthy = !!a; // true const b = null; const is_b_truthy = !!b; // false const c = 0; const is_c_truthy = !!c; // false const d = "0"; const is_d_truthy = !!d; // true

• format_list_bulleted Development/Javascript & TypeScript
• · 2023. 2. 14.
• textsms

[Javascript] 두 변수의 값 바꾸기(Swap)

1. 고전적인 방법 임시 변수 하나를 더 선언한 다음 두 변수 중 하나의 값 혹은 참조를 복사해두고 swap 하는 방법 let a = 10; let b = 20; const temp = a; a = b; b = temp; 2. 현대적인 방법 배열(Array)과 구조 분해 할당( Destructing Assignment)를 사용하면 한 줄로 표현이 가능합니다. [b, a] = [a, b]

• format_list_bulleted Development/Javascript & TypeScript
• · 2023. 2. 7.
• textsms