이롭게 현명하게

목차 객체 속성 접근 시 발생하는 문제옵셔널 체이닝(Optional Chaining,?.)이란?옵셔널 체이닝 사용법||와?? 차이점주의할 점정리 [객체 속성 접근 시 발생하는 문제]자바스크립트로 객체를 다루다 보면 깊이 중첩된 속성에 접근해야 하는 상황이 생긴다.이때 중간에 속성이 존재하지 않으면 TypeError가 발생하며 코드 실행이 중단된다.예를 들어 다음과 같은 자바스크립트 객체가 있다.const user = { profile: { name: "홍길동", contact: { email: "hong@example.com", }, address: { city: "서울", zipCode: "06123", } }, orders: [ { i..

목차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을 사용하여 모듈, ..