# ESLint
10) typescript 니가 몬대
Algorithm Study, Code Review, GraphQL-codegen, eslint / prettier, Typescript, Daily Scrum, self Study, Algorithm Class
Day-10 Eslint, Prettier
개발을 할 때 혼자 프로젝틀 진행하는 경우는 거의 없다. 여러명이서 협업하며 진행하는 경우가 대부분인데 각각의 규칙과 방식으로 코드를 작성하면 서로 코드를 알아보기가 힘들고 소통이 어려워지게 되어 이를 방지하기 위해 일정한 규칙을 정하게 된다.코드린터란 문법에는 어긋나
Eslint와 Prettier로 프로젝트별 컨벤션 설정하기
팀 프로젝트를 진행하면서 컨벤션 설정을 하게 되고 그 설정을 편하게 하기 위해 eslint와 prettier를 사용하고 있었다.위 사진처럼 설정해서 쓰고 있었다.vscode의 설정에 들어가서 해당하는 컨벤션 설정을 했는데 팀 프로젝트 두 개가 시기가 겹쳐서 컨벤션 설정
ESLint, Prettier, Husky
ES + LinterECMAScriptEcma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어.ES1은 1997년에 나왔으며, 꾸준히 버전업이 되고 있다.대중적으로 많이 사용되는 버전은 ES6( ECMA2015 ) 이다.ES6는 IE1
[Vue.js] ESLint/Prettier Delete `␍` 에러 해결법
Vue + TS 강의를 듣던 중 발생한 Delete ␍ 에러삽질 시작 😂구글에 서치해보니 .eslintrc.js에 아래와 같은 구문을 추가하라는 답변이 많았다.하지만 실패...또 여기저기 기웃대보니 Vue와 ESLint의 버전이 맞지 않아서 오류가 생길 수도 있단다.
[강의노트] ESLint를 사용해야 하는 이유
✏️ 캡틴판교 "Vue.js 완벽 가이드" 강의 노트문법 검사기, 에러를 덜 내는 방향으로 코딩을 유도하는 보조 도구ex) 세미콜론을 붙일 지 말 지ES6의 강조 문법을 습관화 하면 오류를 줄일 수 있다.이를 도와주는 것이 ESLint 이다.
eslint | Parsing error: No Babel config file detected for ...
vue, js 파일을 동시에 쓰는 프로젝트에서 오류가 발생했다! 에러, 원인, 결과를 작성하며 다음에는 오류가 없도록 주의하자✨
[TIL] ESLint, LtyleLint 설정(VSCode)
코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동 검출하는 도구.vscode extension installvscode settings 옵션 설정settings 에서 eslint, stylelint 검색해서사용하고자 하는 validate 설정해주기!프로젝트에 eslint
Vue router 설치, should always be multi-word-component 에러 (ESLint 설정)
vue 프로젝트를 시작하기 전,, 라우터를 설치해보려 한다.우선특정 url을 접속했을 때 화면 전환이 이루어지는데브라우저 주소란에 보면 페이지가 이동될 때마다 url주소가 달라짐뷰와 같은 단일 페이지 애플리케이션인 경우엔 페이지를 이동할 때마다서버에 요청을 해서 페이지
[React]ESLint / Prettier
자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다.대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다.그러나, 인터프리터 언어인 자바스크립트는 Linter가 내장되어 있지 않다.이 때문에 런타임
LionTown Project 초기세팅
먼저 @nestjs-cli를 전역으로 설치해줍니다.이후 자신이 진행하고자하는 폴더경로로 들어가를치면가나오는데 프로젝트는 yarn으로 진행하기때문에 yarn을 선택해줍니다nest.js 프로젝트만 시작해도 기본적으로 prettier, eslint 기본세팅이 추가되는데내가
ESLint와 Prettier가 무엇이며 왜 필요하고 어떻게 사용하는지
해당 글은 시리즈로 작성될 예정입니다! React 프로젝트에서 일관성 있는 코드를 유지하기 위해 사용하는 ESLint, Prettier, husky, lint-staged가 무엇인지, 왜 사용하며, 어떻게 사용하는지 알아볼 것이며 아래 순서로 포스팅 될 것입니다. :)
웹 개발에서 git와 eslint를 사용하게 된 이유는 무엇일까?
실무에서는 git을 익숙하게 사용하고 프로젝트 초반에 eslint 설정은 필수라고 들어왔다. 그래서 사용법을 익히고 공부하는데 급급했지만 왜 이러한 도구들을 사용해야하는가에 대한 고민은 해보지 못했던 것 같다. 이번 주제를 고민하면서 그 필요성이 등장한 이유들을 중점적
[ESLint] 사용법(+CRA)
ESLint는 javascript 와 같은 언어로 프로그래밍 할 때 정해놓은 규칙에 따라 코드 검사와 확인을 해주고 수정을 도와준다. 자동으로 오류를 빨간 줄로 표시 해준다.CRA(creat-react-app)의 경우 기본적으로 package.json에 eslint 가
React + TypeScript + ESlint + Prettier + Testing Library 설정파일
testing-library라는 플러그인이 도움이 된대서 전부 다 일단 끌어모아 같이 해보려니 평범한 React + ESlint 환경 적용법에서는 뭔가 시행착오가 많았음.
[React] CRA 개발환경 설정하기 - ESLint, Prettier
ESLint ES(EcmaScript) 재단에서 명시한 문법에 부합하는지 검사해주는 도구 현재 Typescript도 지원한다. > 💡 CRA는 eslint가 기본 설치되어있기 때문에, 따로 설치 없이 초기 설정부터 진행한다 :) 초기 설정 여러 옵션에 대한 선택