이롭게 현명하게

목차 개발 환경 준비Next.js 프로젝트 생성하기Next.js 실행 Next.js에 대한 개념 설명은 다음 게시글에 작성해 두겠습니다. [개발 환경 준비]Next.js16 버전을 사용하려면 Node.js가 필요하다.최소 Node.js 버전 : 20.9운영체제 : macOS, Windows(WSL포함), Linux https://devyihyun.tistory.com/168 [React] 리액트 시작하기 / 리액트 설치 / 개발환경목차 작업환경 준비하기Node.js 설치하기yarn 설치하기vscode 설치하기git for windows 설치하기리액트 환경설정 리액트 환경을 설치하는 CRA가 2025년 2월 14일에 종료되었습니다.npx create-react-app 대신 vitedevyihyun.tis..

목차 패키지 매니저가 필요한 이유패키지 매니저란?패키지 매니저의 동작 원리Link 방식에 따른 차이npm, yarn, pnpm 한눈에 비교왜 여러 패키지 매니저가 존재할까?정리 [패키지 매니저가 필요한 이유]패키지 매니저는 프로젝트에서 라이브러리, 프레임워크, 모듈 등의 패키지를 관리하는 도구다.필요한 패키지를 설치, 업데이트, 삭제, 설정할 수 있도록 도와준다.자바스크립트에서는 npm, yarn, pnpm 등이 대표적이다. 문제 상황 : 경로만 쓰면 버전이 모호하다.자바스크립트/타입스크립트에서 외부 라이브러리를 가져올 때 개발자는 'react'와 '@toass/utils'처럼 간단히 라이브러리 이름만 작성한다.import React from 'react';import { sum } from '@toss..

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