본문 바로가기

분류 전체보기10

Visual Code Prettier 자동 수정 안될 때 (Windows) Mac과 동일한 방식으로 Prettier를 설정해줬는데 Windows에서는 소스를 저장해도 자동으로 코드 수정이 되지 않았다. 해결 방법을 기록해두고자 한다. ctrl + , 를 클릭하여 Settings 탭을 연다. format on save 를 검색한다. Text Editor > Formatting 을 클릭한다. Editor: Format On Save 체크를 해제한다. 2021. 12. 11.
Visual Code 고정된 새 탭으로 파일 열기 불편한 점 Visual Code 좌측의 Explorer에서 파일명을 클릭하면 해당 파일이 열리는데 고정된 새 탭이 아니라 미리보기 형식으로 파일이 열린다. (탭의 파일명이 Italic 체로 표시되고, 다른 파일명을 클릭하면 동일한 탭에 열린다) 여러 파일을 열고 닫으면서 작업할 때 은근히 불편하기 때문에 Explorer에서 파일명을 클릭했을 때 고정된 새 탭으로 열리도록 설정을 변경해보려고 한다. 설정 변경하기 ctrl + , 키를 눌러 Visual Code 환경설정 창을 연다. Search settings 입력란에 preview를 입력한다. 좌측에서 Workbench > Editor Manager 를 클릭한다. 빨간색으로 표시한 두 개의 체크박스를 해제한다. 2021. 12. 11.
JavaScript Promise Promise 간단 요약 자바스크립트에서 Promise 객체는 비동기 작업의 완료 또는 실패에 대한 정보를 담고 있습니다. Promise 객체를 생성할 때 생성자 함수에 executor라는 함수를 인자로 전달하게 되는데 이 때 executor 함수는 resolve와 reject라는 함수를 인자로 받습니다. 우리는 resolve 함수와 reject 함수로 비동기 작업의 완료와 실패를 구분할 수 있습니다. 위와 같은 과정을 거치는 동안 Promise 객체는 pending, fulfilled, rejected라는 세 가지 상태를 갖게 되며 Promise.prototype에 구현되어 있는 then, catch, finally 와 같은 메서드를 활용하면 비동기 작업을 효율적으로 처리할 수 있습니다. Promise.. 2021. 12. 1.
JavaScript 숫자 배열을 정렬할 때 주의할 점 들어가며 JavaScript Array에서 제공하는 sort() 메소드로 숫자 배열을 정렬할 때 주의할 점에 대해서 이야기해보겠습니다. sort()로 정렬하기 sort() 메소드는 인자로 compareFunction을 받습니다. compareFunction(a,b)의 수행 결과를 r 이라고 할 때 r 0 이면 b가 먼저 오도록 정렬되며 r = 0 이면 순서를 변경하지 않습니다. const arr1 = [3, 2, 4, 1, 5, 7, 6]; const arr2 = [3, 2, 4, 1, 5, 7, 6]; arr1.sort((a, b) => a - b); console.log(arr1); // [ 1, 2, 3, 4, 5, 6, 7 ] arr2.sort((a,.. 2021. 12. 1.