ESLint
1.ESLint 소개
React와 Vue를 사용하면서 cli를 통해 프로젝트를 생성하면 자동으로 eslint 설정이 만들어지는데, 늘 궁금했지만 귀찮아서 모르는척 지나친 날이 많았습니다. 코로나 때문에 강제 재택근무를 하게되어 남는시간에 eslint에 대해서 조금(?) 파헤쳐볼 생각으로 이
2.ESLint 설정 살펴보기
ESLint 설정을 위한 config에 대해서 살펴봅니다. ESLint Configuration은 eslintrc.* 파일 또는 package.json의eslintConfig 필드에 작성할 수 있습니다. ESLint의 핵심 구성 정보는 세가지 영역으로 나누어져 구성
3.ESLint 와 TSLint
⚠️ TSLint is deprecated.2019년에 TSLint 팀은 더이상 TSLint를 지원하지 않기로 결정했습니다. 그 이유는 ESLint가 존재하기 때문에 동일한 의도의 목적으로 프로젝트간에 많은 중복코드가 있었기 때문입니다. TSLint 팀은 ESLint의
4.ESLint 와 Prettier 적용
이 문서에서 사용하는 Prettier 버전은 1.19.1 입니다. (2020.03.02)Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터 입니다.코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와
5.ESLint 와 Prettier 적용
VSCode에서 prettier와 eslint 같이 사용하는 경우, 충돌이 발생하는 부분이 있습니다.VSCode에서 파일 저장시 자동포맷팅(formatOnSave) 기능을 활성화 하면,Prettier와 ESLint 모두 코드 포맷을 수정하기 때문에, 상충되는 설정을
6.Stylelint 설정하기
VSCode에서 Stylelint를 설정하는 방법을 설명합니다.