DSLOG

React

[React] ESLint + Prettier 찍먹해보기

ReactJS 팀 프로젝트를 위해 ESLint + Prettier 설정 했던 것을 기록하였다! ESLint란? Ecma Script, 즉 Javscript를 위한 것인데 코드를 보고 사소한 것부터 심각한 것 까지 발생될 문제들을 미리 찾아주는 도구이다. 소스 코드를 분석해서 문법오류, 스타일 오류, 부적절한 구조를 가지는 코드를 식별할 수 있게 해준다. 자바 코드를 칠 때 IDE에서 Sonarlint 를 늘 사용중이기 때문에 Lint 라는 단어를 보고 뭐하는 놈인지 바로 이해했다. Prettier란? 개발자들에게 일관적인 코딩 스타일을 유지할 수 있게 도와주는 코드 포매터이다. 소스코드 작성 시 미리 정해진 스타일 가이드를 따라줄 수 있도록 코드를 자동으로 변환해주는 도구다. 왜 사용하기로 했나요? 기본..