# ESLint

231개의 포스트
post-thumbnail

10) typescript 니가 몬대

Algorithm Study, Code Review, GraphQL-codegen, eslint / prettier, Typescript, Daily Scrum, self Study, Algorithm Class

3일 전
·
0개의 댓글

Day-10 Eslint, Prettier

개발을 할 때 혼자 프로젝틀 진행하는 경우는 거의 없다. 여러명이서 협업하며 진행하는 경우가 대부분인데 각각의 규칙과 방식으로 코드를 작성하면 서로 코드를 알아보기가 힘들고 소통이 어려워지게 되어 이를 방지하기 위해 일정한 규칙을 정하게 된다.코드린터란 문법에는 어긋나

3일 전
·
0개의 댓글
post-thumbnail

Eslint와 Prettier로 프로젝트별 컨벤션 설정하기

팀 프로젝트를 진행하면서 컨벤션 설정을 하게 되고 그 설정을 편하게 하기 위해 eslint와 prettier를 사용하고 있었다.위 사진처럼 설정해서 쓰고 있었다.vscode의 설정에 들어가서 해당하는 컨벤션 설정을 했는데 팀 프로젝트 두 개가 시기가 겹쳐서 컨벤션 설정

6일 전
·
0개의 댓글
post-thumbnail

ESLint, Prettier, Husky

ES + LinterECMAScriptEcma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어.ES1은 1997년에 나왔으며, 꾸준히 버전업이 되고 있다.대중적으로 많이 사용되는 버전은 ES6( ECMA2015 ) 이다.ES6는 IE1

6일 전
·
0개의 댓글

prettier, eslint 적용 정리

install.eslintrc.json.prettierrcvscode

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

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

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

2022년 5월 10일
·
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

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개의 댓글