클린 코드3 ESLint 특정 부분 비활성화 시키기! HTML 템플릿은 제외시켜줘! ESLint를 사용하다보면 자동 정렬이 불편한 경우가 있다. 특히나 HTML 템플릿을 사용하는 경우에는 계층구조로 봐야하는데 자동으로 정렬 시켜버린다. 그래서 내가 사용하는 방식은 해당 HTML 템플릿만 ESLint를 비활성화 시키는 방식. 비활성화 시키고 끝나는 지점에서는 다시 활성화 시켜준다. /* eslint-disable */ TEST /* eslint-enable */ 2018. 8. 21. ESLint에서 비트 연산 예외처리 비트 연산 맞다구요! ESLint는 자바스크립트 내에서 비트 연산은 굉장히 드물게 사용된다고 생각한다.(나도 그렇게 생각) 논리 연산자 오타일 확률이 높다고 생각. 하지만 정말로 필요해서 사용 할 때가 있음! 물론 eslint에 비트 연산을 예외처리 하도록 수정할수도 있지만, 그렇게 되면 정말 논리 연산자 오타일 때 잡아 낼 수 없다. 그래서 처리하는 방법은? 방법 1 주석 달아 주기 eslint-disable-line no-bitwise var x = ~z; // eslint-disable-line no-bitwise위처럼 주석을 달아주면 해당 줄은 비트 연산이 맞다고 명시적으로 알려주는 것. 방법 2 규칙 예외 설정 "no-bitwise": ["error", { "allow": ["~", "|", ".. 2018. 7. 19. Tab vs Space 그 끝나지 않는 전쟁 프로그래밍을 하면서 코드에 일관성이 부족해 보여 Code Convention을 도입하기로 결심!그래 가는거야!3개월 전에 ESlint를 도입 하려다가 너무 많은 Error에 멘붕을 맞고 후퇴했었던 기억이 떠올랐지만 아픔은 잠시일꺼야...못 먹어도 Go그래도 전에 사용했던 ESlint가 남아있어서 따로 환경설정은 하지 않았음. npm으로 eslint를 전역설치, base는 airbnb 다시 VSCode에서 ESlint를 활성화! 부스터 온!하나하나 고쳐 나가다가 멘붕을 맞음. 인덴트가 공백이네? 잉? 예림이! 그거 봐봐! 혹시 공백이야? 키보드 건들지마! 손모가지 날라가붕게. 인덴트가... 공백이라고? 충격을 먹고 검색을 시작. 당연히 Tab이 대세라 생각했지만, 공백이 대세! 대세!.. 2018. 7. 16. 이전 1 다음
