코딩 기록

1편에서 이어지는 글입니다. 1편 - [ESLint es6] JavaScript 이해하기 1 Errors accessor-pairsset 구문의 페어가 되는 get 구문의 정의를 강제합니다. // NGvar object = { set foo (val) { this.val = val }} // OKvar object = { set foo (val) { this.val = val }, get foo () { return this.val }} array-callback-returnArray 메소드의 콜백 함수에서 return 문장을 강제합니다. // NGlet numList = [1, 2, 3].map((item) => { item * item}) // OKlet numList = [1, 2, 3].map((..

ESLint Rules는 JavaScript의 역사와 지식이 담겨있습니다. 그래서 ESLint Rules를 공부하는 것만으로도 자바스크립트를 깊이 이해할 수 있습니다. 아래 코드는 어디까지나 대표적인 예시입니다. 각각의 규칙은 옵션에 따라 규칙을 변경할 수 있어서 최적의 코드는 아닐 수 있습니다. 하지만, 아래 소개할 글은 (비록 길지만) 정독해두면 코딩할 때 많은 도움이 될 거라 생각합니다. for-directionfor문 긍정적인 방향으로 작성하는 것을 강제합니다. // NGfor (var i = 0; i < 10; i--) { console.log(i)} // OKfor (var i = 0; i < 10; i++) { console.log(i)} getter-returnget 구문에서 return을..

delete ␍ eslint(prettier/prettier) 이 오류는 타입스크립트를 포함하여 여러 스크립트 언어에서 발생하는 에러입니다. 왜냐면 eslint(prettier)에서 발생시키는 오류이기 때문입니다. 비주얼 스튜디오 코드에서 해결하는 방법은 2가지입니다. 저는 타입스크립트 사용 중 발생했지만, 에러 메시지가 똑같고 prettier를 사용한다면 같은 방법으로 오류를 없앨 수 있으니 참조하셔도 좋습니다. visual studio code 해결 첫 번째. 툴 오른쪽 아래에 보면 "줄 시퀀스의 끝 선택"을 확인할 수 있습니다. CRLF로 되어 있는데요. 여기를 클릭하세요. 화면 맨 위 가운데에 "줄 시퀀스의 끝 선택"이 활성화되며 LF 또는 CRLF를 선택할 수 있습니다. CRLF란 CR과 LF가..