목록react typescript eslint prettier (1)

hello! Mingure

[컨벤션 세팅] React TypeScript Eslint+Prettier 세팅하기

나 혼자 개발할때는 내가 원하는대로 작업하면 되지만, 회사나 프로젝트 협업 할 때에는 정갈한 코드를 위해 컨벤션을 정해서 작업하는게 좋다. 그 작업을 도와주는 툴 중 하나가 ESLint다. 주로 사용하는 Airbnb ESLint 설치를 해보도록 하자. ESLint? ES는 EcmaScript 즉, 자바스크립트를 의미하고, Lint는 '보푸라기'라는 뜻으로 보푸라기가 많으면 옷이 보기 좋지 않은 것 처럼 코드에서도 이런 보푸라기가 많으면 코드의 가독성이 떨어지고 유지보수하기도 번거로운 경우가 생긴다. 예를들어 들여쓰기를 맞추지 않았다고나, 선언한 변수를 사용하지 않은 경우 등,,, 이런 보푸라기를 제거하는 것, 코드의 오류나 버그, 스타일 따위를 점검하는 것을 Lint 혹은 Linter라고 부른다. ESL..
React 2022. 3. 28. 15:16
이전 Prev 1 Next 다음