# ESLint

40개의 포스트
post-thumbnail

ESLint & Prettier, Airbnb Style Guide로 설정하기

코드의 가독성을 높혀주고 에러나 컨벤션에 관한 경고 해주는 유명한 툴이 있는데바로 ESLint와 Prettier입니다. 매번 멘토님의 블로그를 보고 설치하고 설정하고 사용하던 ESLint와 Prettier를 가장 유명한 컨벤션인 airbnb style guide를 적용

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

[Front-end] ESLint + Prettier 세팅하기

WDMA의 SPA를 만들기 앞서 프론트엔드 개발에 맞는 ESLINT-Prettier 세팅에 대해 간략히 정리하고자 한다.프론트엔드에선 리액트 컴포넌트나 리덕스의 상태관리 구조가 복잡하고 휴먼에러를 발생시킬 여지가 많다고 판단하여 airbnb 설정을 이용하여 다소 빡세게

2020년 5월 20일
·
0개의 댓글

eslint disable inline configuration

eslint disable을 inline으로 설정하는 방법입니다. 특정 구간 disable 하기 특정 라인 disable 하기 특정 규칙만 disable 하기

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

내 최애 VS Code 확장 프로그램

VS Code로 vue 개발하는데 사용하는 최애 확장프로그램 모음VeturVue VSCode SnippetsPalenight ThemeESLintMaterial Icon Theme폰트 크기.vue 파일의 코드 하이라이팅을 위해서 사용합니다.vetur 설치 전vetur

2020년 5월 16일
·
2개의 댓글
post-thumbnail

github blog 생성하기 (feat. gatsby)

github blog 이전에 슬쩍 만들어둔 깃헙 블로그를 쓰지 않고 방치하고 있었는데, 쉬는 동안 블로그 스킨도 바꿔보고 어떻게 사용하는 건지 찬찬히 살펴보려 한다. create repository 먼저 깃헙 블로그를 위해 레포지토리를 생성했다. 레포지토리명은 아이디

2020년 5월 12일
·
0개의 댓글

eslint 이게 도대체 뭔데 날 괴롭혀?

주의 일단....eslint를 설명하기 앞서, 오늘은 5시간정도 eslint를 팠지만 아무것도 모르는 쌩 초보가 오늘의 기억을 정리하기 위해서 쓴 글이라는 것을 알아줬으면 한다. 그래서 eslint가 뭐하는 놈이야? 일단, 당신의 코-드를 깨끗이 관리해주고 문법적 오

2020년 5월 11일
·
0개의 댓글

Vus.JS ESLint Error

vue로 작업을하다보면 (index) is defined but never used 에러가 나온다.그럴경우 해당 프로젝트 폴더 위치에 vue.config.js 파일을 생성후 아래 코드를 작성해주고 실행한다.ESLint관련 doc : https://eslint.

2020년 4월 30일
·
0개의 댓글
post-thumbnail

[Back-end] ESLint, Prettier 설정하기

본격적으로 개발을 진행하기에 앞서 그 동안 막연히 사용하였던 ESLint와 Prettier 함께 이용하는 개발환경 세팅을 백엔드와 프론트엔드로 나누어 다뤄 보고자 한다.ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나

2020년 4월 26일
·
0개의 댓글
post-thumbnail

[Next.js] 프로젝트 기초 세팅하기 - ESLint, Prettier 는 필수!

Next.js 프로젝트에서 ESLint, Prettier 설정하기. ESLint Airbnb config 적용하기.

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

JetBrain Reformatter와 ESLint 맞추기

WebStorm, PyCharm 등 JetBrain사의 IDE 세팅을 커스텀해서 Auto Reformatter와 ESLint가 싸우지 않도록 만들어 봅시다.

2020년 4월 20일
·
0개의 댓글
post-thumbnail

VSCode에서 ESLint와 Prettier (+ TypeScript) 사용하기

VSCode 환경에서 ESLint와 Prettier를 TypeScript를 사용하는 프로젝트에 활용하기 위해 설정하는 방법을 알아봅니다.

2020년 4월 13일
·
1개의 댓글

CRA TypeScript - ESLint, Prettier Settings

Setup ESLint, Prettier

2020년 3월 26일
·
0개의 댓글

TIL(20.03.17) JavaScript(Eslint,Jest)

jest는 페이스북에서 만든 테스트 api이다 사용 예시는 아래와 같다eslint란 es+line의 합성어로 ecmascript의 lint 를 의미한다 lint란 소스코드의 버그,오류 ,스타일 오류 등등 여러가지 문법등 을 체크하기 위해 사용하는 도구이다오늘은 te

2020년 3월 17일
·
0개의 댓글

TIL(20.03.17) Immersive #2

코드스테이츠 5주차 #2 이머시브코스 2일차 오늘은 기존의 pre코스에서 test로 봤던 pass me를 페어와 같이 github workflow를 토대로 코드 리뷰를 진행하고 Jest와 Eslint를 사용하여 테스트 해보고 코드를 보기 좋게 정렬하는 시간을 가졌다

2020년 3월 17일
·
0개의 댓글
post-thumbnail

CRA 프로젝트에 ESLint & Prettier 추가하기

프로젝트를 시작하고 각 개인의 IDE의 설정을 각각 해주었는데, 알아보니 프로젝트에서 사용하는 코딩컨밴션을 맞추는 방법이 따로 존재했다! 이런 유용한 것 & 알아두면 좋은 것은 바로 정리해둬야징!자바스크립트 문법이나 코딩컨벤션을 검사하는 도구. 미처발견하지 못한 코딩실

2020년 3월 7일
·
0개의 댓글
post-thumbnail

Svelte#1 - Svelte scss/eslint 관련 vscode 설정

svelte관련해서 scss와eslint를 설정 하다가 좀 애먹은 부분이 있어서 공유 및 기록한다.

2020년 3월 3일
·
2개의 댓글
post-thumbnail

Stylelint 설정하기

VSCode에서 Stylelint를 설정하는 방법을 설명합니다.

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ESLint 와 Prettier 통합

VSCode에서 prettier와 eslint 같이 사용하는 경우, 충돌이 발생하는 부분이 있습니다.VSCode에서 파일 저장시 자동포맷팅(formatOnSave) 기능을 활성화 하면,Prettier와 ESLint 모두 코드 포맷을 수정하기 때문에, 상충되는 설정을

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ESLint 와 Prettier 적용

이 문서에서 사용하는 Prettier 버전은 1.19.1 입니다. (2020.03.02)Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터 입니다.코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ESLint 와 TSLint

⚠️ TSLint is deprecated.2019년에 TSLint 팀은 더이상 TSLint를 지원하지 않기로 결정했습니다. 그 이유는 ESLint가 존재하기 때문에 동일한 의도의 목적으로 프로젝트간에 많은 중복코드가 있었기 때문입니다. TSLint 팀은 ESLint의

2020년 3월 1일
·
0개의 댓글