# ESLint

48개의 포스트
post-thumbnail

TIL - 2020.08.10

오늘은 드디어 React 프로젝트 세팅 글을 마무리했다.😂 정리하고 밀린 포스팅도 빨리 올려야하는데 ㅠㅠ 할 게 너무 많다,,,드디어 React 프로젝트를 위한 세팅을 마무리하고 블로그에 정리 글을 올렸다!ESLint와 Prettier로 React 프로젝트 세팅을 하

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

ESLint & Prettier, Airbnb Style Guide로 프로젝트 세팅하기

ESLint & Prettier, Airbnb Style Guide로 React 프로젝트 세팅하기 이제 프로젝트 개발에 들어가기 위해 개발 환경 세팅을 시작하면서 적용기를 작성해보았다.

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

TIL - 2020.08.07

오늘은 블로그 글을 작성하면서 많이 배웠는데 막상 TIL에는 적을건 별로 없는것 같다,,,! 지금 올릴려는 React 프로젝트 세팅 글은 조금 마무리가 안 되서 마무리 되는 대로 업로드 하겠다!멘토링을 받았다. 멘토님께 진행사항을 알려주고 피드백을 듣고 앞으로 해야하는

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

ESLint, Prettier 적용하기

자바스크립트 개발을 하다 보면 문법 오류나 코드 정리로 인해 시간을 많이 소비한다. ESLint와 Prettier는 이러한 상황을 해결해 주는 도구들이며, VSCode, WebStorm, Atom 등 여러 에디터와 연동해 사용이 가능하다. 이번 포스팅에서는 두가지 도구

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

ESLint를 VSCode 에서 적용해보기

다른 사람들과 협업 또는 코드를 배포할때 스타일을 통일하기 위해서는 eslint 는 필수라고 할 수 있다. 매번 vs code 에서 이를 적용하는데 적잖은 시간이 걸리므로 이번기회에 정리하여 다음번에는 빨리 기본 설정을 하는것이 목표이다!단, webstorm 에서는

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

React.js Project 개발 환경 설정하기 3편 : ESLint & Prettier 설정으로 Linting on Save 설정하기

❗️이 시리즈는 React.js로 이미 작성된 프로젝트의 업무 인수인계 및 개인 기록용으로 작성되었습니다.React.js 프로젝트를 새로 만드는 과정은 담겨있지 않습니다.혹시 잘못된 내용이 있다면 언제든지 댓글 부탁드립니다! 😁JavaScript 개발 환경에는 Cod

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

Linting & Testing

Our code does what it is supposed to do(코드가 의도한 대로 동작하는가?)Our code not contain defects or problems(코드에 결함이나 문제가 없는가?)Our code is easy to read, maintai

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

TIL #12 1차 프로젝트 react 초기 세팅

1차 프로젝트에 앞서 프로젝트에 필요한 react 초기 세팅을 진행하고자 한다.1\. CRA (Create-React-App) 설치CRA는 문자 뜻 그대로 React 앱을 만들어주는 도구이다.React 프로젝트 개발환경 구축을 처음부터 설정하는 것은 React를 처음

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

정말! 딱! 필요한 깔끔한 react + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅

본 세팅은 2020-06-13 기준입니다. react (CRA3) + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅)

2020년 6월 13일
·
0개의 댓글
post-thumbnail

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

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

2020년 5월 20일
·
4개의 댓글
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일
·
2개의 댓글
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개의 댓글