이롭게 현명하게

목차오류 내용원인해결방법 [오류 내용]Route 관련 컴포넌트를 생성하던 중 발생한 경고이다. React Hook useEffect has a missing dependency: 'requireAuth'. Either include it or remove the dependency array.eslintreact-hooks/exhaustive-deps[번역]React Hook useEffect에 종속성이 누락되었습니다: 'requireAuth'. 이를 포함하거나 종속성 배열 .eslintreact-Hooks/everse-deps를 제거하세요 [원인]"use client";import { useAuth } from "@/shared/hooks/useAuth";import React, { useEffect..

목차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 = ..

목차경고 내용원인해결방법 [오류 내용]회원가입 폼 기능을 만들면서 warning이 발생했다. [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) flex [원인] 이 경고는 HTML 접근성 및 보안 관련 경고이다.비밀번호 입력 태그에 속성이 명시되지 않았다. [해결 방법]new-password새 비밀번호 입력 시 브라우저가 자동완성하지 않도록 함회원가입/ 비밀번호 변경current-password브라우저가 저장된 계정 비밀번호를 자동완성하도록 유도로그인현재 회원가입을 구현중이므로 new-password가 적합하다. 또는 잘못된 정보..