이롭게 현명하게

목차ESLint와 Prettier 충돌 해결법충돌 해결 확인하기 ESLint에 잘 모른다면 아래 게시글을 확인해 주세요.https://devyihyun.tistory.com/243 [JavaScript] ESLint 이론목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작devyihyun.tistory.comhttps://devyihyun.tistory.com/244 [JavaScript] ESLint의 구성요소목차ESLint 패키지 : plugin과 config자바스크립트 환경에서 ESLint를 사용하는 이유ESLint 규칙의 ..

목차eslint 버전 8naver eslint 적용해 보기 ESLint를 잘 모른다면 아래 게시글을 보시길 바랍니다.https://devyihyun.tistory.com/243 [JavaScript] ESLint 이론목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작devyihyun.tistory.comhttps://devyihyun.tistory.com/244 [JavaScript] ESLint의 구성요소목차ESLint 패키지 : plugin과 config자바스크립트 환경에서 ESLint를 사용하는 이유ESLint 규칙의 예외..

목차ESLint 패키지 : plugin과 config자바스크립트 환경에서 ESLint를 사용하는 이유ESLint 규칙의 예외 처리와 주의점ESLint의 코드 분석 방법ESLint 규칙 ESLint의 개념을 잘 모른다면 아래 글을 확인하자.https://devyihyun.tistory.com/243 [JavaScript] ESLint 이론목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작devyihyun.tistory.com[ESLint 패키지 : plugin과 config]ESLint를 설치하면 eslint-config이나 es..

목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작성하는 스타일은 다르다.같은 기능을 구현하더라도 스타일차이로 인해 코드의 가독성과 유지보수성에 큰 차이가 발생할 수 있다. 여기 개발자 A와 B가 있다.숫자 배열을 받아 짝수만 필터링한 후 각 요소에 2를 곱해 출력하는 함수 개발자 A(일관된 스타일, ESLint/Prettier 적용)function processNumbers(numbers) { const evenNumbers = numbers.filter((n) => n % 2 === 0); const doubled = ..

목차 JSDoc이란?사용하는 이유 [JSDoc이란?]코드 리뷰를 받으면서 JSDoc을 알게 되었다.JSDoc은 자바스크립트에서 소스 코드와 함께 문서 주석을 직접 추가할 수 있는 방식이다./** * 두 숫자를 더합니다. * * @param {number} a 첫 번째 숫자 * @param {number} b 두 번째 숫자 * @returns {number} 합계 * * @example * const result = add(2, 3); * console.log(result); // 5 */export function add(a: number, b: number): number { return a + b;} 자바스크립트에서 라이브러리의 API를 문서화하기 위해 사용한다.JSDoc을 사용하여 모듈, ..

목차 동기와 비동기 싱글 스레드 언어 자바스크립트 엔진이란? 비동기 실행과정 https://devyihyun.tistory.com/148 [동기와 비동기] 쿠팡의 과일 구매 목록이다. 웹페이지에 과일 목록이 보이기까지 1분이 걸린다고 하자 동기적으로 실행했다면 목록이 보이기까지 1분 동안 화면 스크롤, 버튼 클릭 등 아무것도 할 수 없다. 현재 실행하고 있는 함수가 있기 때문에 다른 일을 할 수 없어 다른 일들이 블록 된다. 즉, 브라우저에서 오래 걸리는 작업이 실행될 경우, 웹페이지의 UI는 멈춰버리고 사용자는 어떤 작업도 할 수 없다. 그렇기 때문에 비동기식으로 과일 목록을 불러와야 한다. 동기와 비동기, 동기는 하나씩 실행되고 비동기는 동시에 실행된다고 흔히들 알고 있다. 하지만 그렇지 않다. 비동..