# ESLint

17개의 포스트

(TIL 26일차) 스타일쉐어 1차 프로젝트 준비 (2)

스타일쉐어 1차 프로젝트 준비작업 (2) reset.css eslint prettier

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

[eslint/vscode]vscode에서 eslint "sort-imports" 속성 formatting 하기

https://eslint.org/docs/rules/sort-imports마켓플레이스에서 sort-imports로 검색해서 동일 이름 익스텐션 설치참고: 처음에 TypeScript Import Sorter 익스텐션이 다운로드 수가 더 많아서 설치해 봤으나 옵

2020년 2월 13일
·
0개의 댓글

Next.js + typescript 환경설정 (ESLint, Prettier)

Setup project with create-next-app -e with-typescript (details : https://medium.com/@ss_81611/how-to-setup-a-nextjs-project-with-typescript-4a8a966353f2) .eslintrc.js .prettierrc.js package.json d...

2020년 2월 9일
·
0개의 댓글

Integrating Prettier & ESLint with Airbnb Style Guide in VSCode

Integrating Prettier & ESLint with Airbnb Style Guide in VSCode React 프로젝트를 하다보면 Prettier와 ESLint는 필수적인 extension이라고 생각된다. 물론 처음 코딩을 연습할 때는 그들의 존재를 모르고 시작했으며 최대한 가독성 좋게 formatting을 수동으로 하려고 했다. 또한 유명...

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

CRA로 typescript 개발환경 설정하기

REACT 공식문서를 보고 typescript에 맞는 CRA로 개발환경 설정해보기 1. CRA 참 편한 CRA. 이젠 typescript까지 자동으로 설정해준다. 간단하게 이 명령어 하나로 끝이난다. manually setting up은 나중에 해보자. 2. ESLINT와 PRETTIER 설정 코드를 간편하게 작성하게 도와주는 eslint와 prett...

2020년 1월 21일
·
0개의 댓글
post-thumbnail

vue 채팅 애플리케이션 만들기 1 - 프론트엔드 개발환경 설정하기

다음과 같은 채팅 웹 애플리케이션을 vue.js 를 사용해서 만들것입니다. 웹소켓을 사용할 것이고요, 배포까지 진행해봅시다. vue 채팅앱 서비스 링크 urman.gif 이번에는 프론트엔드 개발 환경 설정을 다룹니다. 1. vue cli 설치 vue cli는 뷰 프로젝트 생성, 라이브러리 관리, 배포 파일 생성 등의 기능을 지원하는 프로그램입니다. vu...

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

[Project -achieve] Eslint & prettier 설정

이제 개발환경에 Eslint와 prettier를 설정해야한다. Eslint, 에어 비앤비의 구성 및 필수 패키지를 설치한다. image.png Prettier, 그리고 Eslint와의 충돌을 피하기 위한 패키지를 설치한다. image.png husky와 lint-staged, 그리고 pretty-quick을 설치한다. husky : git hoo...

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

ESLint 커밋 블로킹 우회하기

git commit --no-verify

2019년 12월 30일
·
0개의 댓글

react (CRA) + typescript + ESLint + Prettier + Husky + lint-staged + Storybook + polyfill 세팅

항상 눈팅만 하고 있는 velog에서... 여러정보를 받아온 1인으로써 작은 공유가 되길 바라며 이 글 하나를 적고 갑니다 :) 제(목은) 곧 내(용)... 제.곧.내! 모든 세팅은 2019년 12월 13일을 기준으로 최신을 반영했습니다. 아, react-script만 3.2.0으로 바꿨습니다. 열심히 삽질해본 결과 3.3.0에선 react-app-po...

2019년 12월 26일
·
0개의 댓글

VSCode에서 웹팩 ESLint + Prettier 함께 사용하기

환경 macOS Mojave 10.14.6 vscode node v10.16 CRA를 사용하지 않고 웹팩을 이용해서 빌드하려고 합니다. ESLint 자바스크립트용 Linter Linter 소스코드 분석해 정해진 규칙 체크 Formatting rules 한줄 최대길이, comma 스타일, ' or ", ... Code-quality rules ...

2019년 12월 15일
·
0개의 댓글
post-thumbnail

✨ESLint에서 AutoFixOnSave 설정하기

환경 VS code ESLint (VS code 플러그인) VS code 프로그램에 설치된 ESLint플러그인을 사용해 저장시 자동으로 포맷을 정리해주는 환경 설정을 해보려고 합니다. 우선, 아래 명령어를 입력하여 초기 세팅을 해줍니다.: cmd + shift + p 명령어 팔레트를 열고 setting.json파일을 열어주고 아래 코드 추가해줍니다....

2019년 11월 6일
·
0개의 댓글

TIL - 19/09/21

4주 프로젝트 DAY 5 tslint type warning vscode extension live share tslint + prettier 연동하기 eslint? prettier? tslint type warning 처리하기 Use an interface instead of a type literal. (interface-over-type-liter...

2019년 9월 21일
·
0개의 댓글

향후 ESLint에 포함되는 Typescript

원문: The future of TypeScript on ESLint https://eslint.org/blog/2019/01/future-typescript-eslint ESLint에서 TypeScript의 미래 몇 주 전, TypeScript 팀은 그들의 저장소에 ESLint를 공식적으로 도입하면서 ESLint에 대한 TypeScript 호환성 개선 작...

2019년 8월 27일
·
0개의 댓글
post-thumbnail

VS code에서 vue프로젝트에 ESLint recommended, autoFixOnSave 적용

환경 vue-cli 3.x 이상 eslint recommended VS code ESLint (VS code 플러그인) 협업 프로젝트를 진행할때 코딩 컨벤션을 따르지 않으면 타인이 작성한 코드를 쉽게 이해할 수 없는 경우가 발생한다. 또한, 개인 프로젝트에서도 일정한 규칙이 없으면 한 사람이 작성하더라도 다른 형태의 코드가 작성되는 경우가 있다. 일관된 ...

2019년 1월 20일
·
0개의 댓글

리액트 배우다가 하소연..

벨로퍼트님 책 사서 리액트 배우고 있는데 산지 며칠만에 CAR가 V2로 업데이트 되면서 많은게 바뀌었나봐요..ㅠㅠ 우선 eslint와 prettier 설정이 예전 책 사기 전부터 잘 안돼서 고민이었는데 이번에 올려주셔서 완전 기뻤어요.. eslint덕분에 개발 서버가 잘 작동 안되기 전까진.. 원래는 eslint에서 오류나더라도 개발서버에서 오류가 나진...

2018년 10월 31일
·
2개의 댓글
post-thumbnail

리액트 프로젝트에 ESLint 와 Prettier 끼얹기

ESLint 와 Prettier 를 리액트 프로젝트에서 제대로 적용하여 코드를 깔-끔-하게 관리해보는 방법을 배워봅시다.

2018년 10월 25일
·
22개의 댓글