[튜토리얼] Next.js 프로젝트 시작하기 5편 - 1 (코드 포맷 툴 적용)

프로젝트 진행 틈틈이 프로젝트에 사용하는 여러 툴을 추가해 보고 있다.기존 프로젝트를 하면서 써봤던 것도 있는데 직접 설정할 기회가 많지는 않았기 때문이다. 코드 포맷 툴에는 대표적으로 eslint와 prettier가 있다.프론트엔드 개발을 하면 거의 모든 프로젝트에서 이 같은 툴을 사용한다. 포맷을 맞춰주지 않으면 세미콜론을 넣냐 안 넣었냐나,띄어쓰기는 몇 개나 들어가냐 하는 사소한 것으로 변경 내역이 표시된다.이러면 git에서 올릴 때 중요한 변경 내역만 표시하지 못 하게 된다. eslint의 주요 기능은 다음과 같다.  • 문법 오류: 정의되지 않은 변수, 미사용 변수, 잘못된 문법 사용 등과 같은 문제를 탐지합니다. • 베스트 프랙티스: 성능에 영향을 미치는 코드 패턴이나 잘못된 코딩 습관을 경고..

2024.10.13