이롭게 현명하게

목차오류 내용원인해결방법 [오류 내용]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 = ..

목차on과 handle의 차이실제 코드 예시로 이해하기패턴 요약 및 정리마무리 - 팀 컨벤션으로 정착시키기 리액트를 사용하면서 onClick과 handleClick의 이름의 함수나 props를 사용하게 된다.처음에는 '줄 다 클릭 이벤트니까 이 코드에서 뭔지만 알면 되겠지?' 정도로만 생각했다.코드 리뷰를 받으면서 handle과 on의 코드 컨벤션이 있다는 것을 알게 되어 기록을 하게 되었다. [on과 handle의 차이]리액트에서 이벤트 핸들러를 사용할 때 두 가지 경우로 사용한다.on + EventName = 외부로부터 전달받는 이벤트handle + EventName = 내부에서 정의된 구현 함수 props 이름이나 JSX/TSX이벤트 속성을 표현할 때 사용버튼이 클릭되었을 때 실행할 동작을 외부에서..