![[React] ESLint & Prettier 설정 방법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbNHUHI%2FbtsCxcI1quD%2FZJqLVQUkSolq8FNDnm77v1%2Fimg.png)
💜 리액트/라이브러리2023. 12. 22. 15:16[React] ESLint & Prettier 설정 방법
팀 프로젝트를 하다보면, 사람마다 코드 스타일이 다른 경우가 발생한다.그래서 코드의 규칙을 설정하여 일관성을 맞춰주기 위해 eslint 와 prettier 를 사용한다. 실제로 나도 팀프로젝트를 진행하면서 eslint 와 prettier 를 사용하였고,우아한테크코스 프리코스를 진행하면서도 eslint 와 prettier 를 계속 사용할 만큼 개발할 때 중요한 기술이다. ESLint & Prettier 란?그럼 여기서 eslint 와 prettier 는 정확하게 무엇일까?ESLintESLint 는 간단하게 말하자면 코드 구현 방식 규칙을 설정해주는 것이다.즉 코드를 구현하는 방식을 일관성 있게 설정해주는 것이다. 그래서 맞는 코드여도 규칙을 지키지 않았다면 해당 부분에 오류 flag 를 자동으로 달아준다...