# ESLint

227개의 포스트

prettier, eslint 적용 정리

install.eslintrc.json.prettierrcvscode

어제
·
0개의 댓글

[Vue.js] ESLint/Prettier Delete `␍` 에러 해결법

Vue + TS 강의를 듣던 중 발생한 Delete ␍ 에러삽질 시작 😂구글에 서치해보니 .eslintrc.js에 아래와 같은 구문을 추가하라는 답변이 많았다.하지만 실패...또 여기저기 기웃대보니 Vue와 ESLint의 버전이 맞지 않아서 오류가 생길 수도 있단다.

6일 전
·
0개의 댓글

[강의노트] ESLint를 사용해야 하는 이유

✏️  캡틴판교 "Vue.js 완벽 가이드" 강의 노트문법 검사기, 에러를 덜 내는 방향으로 코딩을 유도하는 보조 도구ex) 세미콜론을 붙일 지 말 지ES6의 강조 문법을 습관화 하면 오류를 줄일 수 있다.이를 도와주는 것이 ESLint 이다.

2022년 5월 9일
·
0개의 댓글

ESLint 설정하기 (no-eval)

리액트 프로젝트에서 eval을 사용해보려고 하니, ESLint에서 no-eval 경고 메세지를 띄웠다.

2022년 5월 8일
·
0개의 댓글
post-thumbnail

eslint | Parsing error: No Babel config file detected for ...

vue, js 파일을 동시에 쓰는 프로젝트에서 오류가 발생했다! 에러, 원인, 결과를 작성하며 다음에는 오류가 없도록 주의하자✨

2022년 5월 5일
·
0개의 댓글
post-thumbnail

[TIL] ESLint, LtyleLint 설정(VSCode)

코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동 검출하는 도구.vscode extension installvscode settings 옵션 설정settings 에서 eslint, stylelint 검색해서사용하고자 하는 validate 설정해주기!프로젝트에 eslint

2022년 5월 4일
·
0개의 댓글
post-thumbnail

Vue router 설치, should always be multi-word-component 에러 (ESLint 설정)

vue 프로젝트를 시작하기 전,, 라우터를 설치해보려 한다.우선특정 url을 접속했을 때 화면 전환이 이루어지는데브라우저 주소란에 보면 페이지가 이동될 때마다 url주소가 달라짐뷰와 같은 단일 페이지 애플리케이션인 경우엔 페이지를 이동할 때마다서버에 요청을 해서 페이지

2022년 5월 4일
·
0개의 댓글

[React]ESLint / Prettier

자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다.대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다.그러나, 인터프리터 언어인 자바스크립트는 Linter가 내장되어 있지 않다.이 때문에 런타임

2022년 5월 2일
·
0개의 댓글
post-thumbnail

LionTown Project husky

이번 포스트는 eslint를 검사를 하기위하여 husky를 이용해보고자 합니다.

2022년 4월 25일
·
0개의 댓글
post-thumbnail

LionTown Project 초기세팅

먼저 @nestjs-cli를 전역으로 설치해줍니다.이후 자신이 진행하고자하는 폴더경로로 들어가를치면가나오는데 프로젝트는 yarn으로 진행하기때문에 yarn을 선택해줍니다nest.js 프로젝트만 시작해도 기본적으로 prettier, eslint 기본세팅이 추가되는데내가

2022년 4월 25일
·
0개의 댓글
post-thumbnail

[React] ESLint와 Prettier가 무엇이며 왜 필요하고 어떻게 사용하는지

해당 글은 시리즈로 작성될 예정입니다! React 프로젝트에서 일관성 있는 코드를 유지하기 위해 사용하는 ESLint, Prettier, husky, lint-staged가 무엇인지, 왜 사용하며, 어떻게 사용하는지 알아볼 것이며 아래 순서로 포스팅 될 것입니다. :)

2022년 4월 24일
·
4개의 댓글
post-thumbnail

node.js에서 eslint 설정하기

eslint 설정 뽀개기

2022년 4월 18일
·
0개의 댓글
post-thumbnail

웹 개발에서 git와 eslint를 사용하게 된 이유는 무엇일까?

실무에서는 git을 익숙하게 사용하고 프로젝트 초반에 eslint 설정은 필수라고 들어왔다. 그래서 사용법을 익히고 공부하는데 급급했지만 왜 이러한 도구들을 사용해야하는가에 대한 고민은 해보지 못했던 것 같다. 이번 주제를 고민하면서 그 필요성이 등장한 이유들을 중점적

2022년 4월 14일
·
0개의 댓글

[ESLint] 사용법(+CRA)

ESLint는 javascript 와 같은 언어로 프로그래밍 할 때 정해놓은 규칙에 따라 코드 검사와 확인을 해주고 수정을 도와준다. 자동으로 오류를 빨간 줄로 표시 해준다.CRA(creat-react-app)의 경우 기본적으로 package.json에 eslint 가

2022년 4월 12일
·
0개의 댓글

React + TypeScript + ESlint + Prettier + Testing Library 설정파일

testing-library라는 플러그인이 도움이 된대서 전부 다 일단 끌어모아 같이 해보려니 평범한 React + ESlint 환경 적용법에서는 뭔가 시행착오가 많았음.

2022년 4월 12일
·
0개의 댓글
post-thumbnail

[React] CRA 개발환경 설정하기 - ESLint, Prettier

ESLint ES(EcmaScript) 재단에서 명시한 문법에 부합하는지 검사해주는 도구 현재 Typescript도 지원한다. > 💡 CRA는 eslint가 기본 설치되어있기 때문에, 따로 설치 없이 초기 설정부터 진행한다 :) 초기 설정 여러 옵션에 대한 선택

2022년 4월 11일
·
0개의 댓글
post-thumbnail

VSCode 개발 환경 구성 (ESLint, prettier, typescript)

ESLint 설정eslint 설치vscode extension 에서 eslint를 추가한다..eslintrc 파일을 생성한다.위와 같이 물음에 대답 하면 기본 .eslintrc.json 파일이 생성된다자주 쓰는 플러그인은 아래와 같다eslint-plugin-react:

2022년 4월 11일
·
0개의 댓글

Eslint, Prettier 적용하기

Eslint, Prettier는 자바스크립트 개발을 할 때 경험을 향상시켜줄 유용한 도구들 이다.린트의 종류에는 JSLint, JSHint, EsLint등이 있다.코드 포매팅일관된 코딩 컨벤션을 유지하는 기능예) 들여쓰기는 두칸으로 해라코드 품질잠재적인 오류를 찾아주는

2022년 4월 7일
·
0개의 댓글
post-thumbnail

협업 필수! ESLint + Prettier로 airbnb 스타일로 코딩하기(react + eslint-config-airbnb-typescript)

개발자들은 각자 다른 코딩 스타일을 가지고 있다. 좋은 코드는 물론 존재하지만 코딩에는 정답이 없기 때문에 어느 스타일이 옳다 이렇게 정의하기는 어려울 것이다. 그럼에도 불구하고 협업 시에는 일정한 코딩 컨벤션 정하고 지켜가며 코딩을 해야한다. 각자의 스타일대로 코드를

2022년 4월 7일
·
0개의 댓글
post-thumbnail

Node.js 업데이트 후 node-sass 오류

Issue 오랜만에 프로젝트 잘 있나 한 번 실행해보려고 노트북에 node를 설치했다. 분명 안전한 릴리스가 14버전이었던 것 같은데 벌써 16버전이 됐다. 멍청한 나는 그걸 몰랐고 용감하게 npm install때렸다. Researching... 💀 뭐 거창하게 적

2022년 4월 7일
·
0개의 댓글