# ESLint

92개의 포스트
post-thumbnail

React + Typescript eslint, prettier설정

ESLint : 코드의 문법을 검사하는 린팅과 코드의 스타일을 잡아주는 포맷팅 기능을 한다. 쉽게 말해 자바스크립트 문법 중 에러가 있는 곳에 표시를 달아놓는 도구이다.Prettier : 코드의 스타일을 잡아주는 포맷팅 기능을 한다.eslint 와 prettier 연결

어제
·
0개의 댓글
post-thumbnail

VSCODE - eslint & prettier 사용 및 window 에러

프로젝트를 진행하며 프론트 간의 초기세팅시 eslint 와 prettier를 세팅을 진행했고그 과정에서 나왔던 window가 겪게 되는 error 에 관해서 블로깅을 남겨본다.먼저 간단히 소개를 하자면 ESlint는 해당 소스코드를 확인하여 문법적으로 에러가 있거나 버

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

[프론트엔드 개발환경과 실습] Lint #7

최근 가장 많이 사용코드의 문제점을 검사하여 더 나은 코드로 정정해줌npm i eslintnpx eslint app.js (실행).eslintrc.js 환경설정 파일 생성npx eslint app.js --fix (지정된 규칙에 한해서 자동 오류 수정 가능)"exten

2021년 2월 24일
·
0개의 댓글
post-thumbnail

🔮 Airbnb 숙소 페이지 클론 코딩: ESLint 사용기

내 코드에 일관성을 띄워주는 도구! ESLint !

2021년 2월 18일
·
0개의 댓글
post-thumbnail

[프론트엔드 개발환경과 실습] NPM #1

👨‍💻NPM 프론트엔드 개발환경 실습 강의를 들으면서 기존에 궁금했던 내용을 추가하여 정리 하였습니다. 1. 프론트엔드 개발에 node.js가 필요한 이유 최신스펙으로 개발할 수 있다. 빌드 자동화 개발환경 커스터마이징

2021년 2월 15일
·
0개의 댓글
post-thumbnail

01 | CRA 초기세팅 & ERROR 🚨

✨ 협업을 위한 CRA 초기세팅과 eslint, prettier 에러 및 해결 (Parsing error: The keyword 'import' is reserved eslint)

2021년 2월 15일
·
2개의 댓글
post-thumbnail

vscode에서 lint, prettier, settings.json 설정

https://jeonghwan-kim.github.io/series/2019/12/30/frontend-dev-env-lint.htmlESLint: ECMAScript 코드를 검사하고 코드를 정정하는데 도움을 주는 도구 중 하나포맷팅코드 품질 적용eslint

2021년 1월 27일
·
0개의 댓글
post-thumbnail

Eslint 오류 해결하기 (loaded in "..\.eslintrc.json")

eslint에서 eslintrc.json 파일을 자꾸 상위경로에서 찾으려고 하는 문제 수정하기

2021년 1월 26일
·
0개의 댓글
post-thumbnail

[React] create-react-app & Typescript 초기 세팅 완벽 정리

최근에 타입스크립트를 배우고 타입스크립트로 create-react-app을 설정하는데 시간이 많이 걸렸다..그리고 새로 프로젝트를 시작할 때 초기세팅을 완벽하게 하자! 라고 생각을 해서 협업을 할 때 문법이 서로 틀리는 것, 코드 구조가 틀리는 것을 방지하고자 esl

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

TIL. React Tool

👩🏻‍💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid

2021년 1월 13일
·
0개의 댓글
post-thumbnail

26일차 (01-13-2021)

IM 3일차.오늘 배운 것은 ESLint라는 것이다. ESLint는 코드의 띄어쓰기나 줄바꿈 등의 규칙들을 맞추는데 도움이 되는 툴이다.코드스테이츠 강의 문서상 위처럼 간단하게 적혀있었다. 써보기전엔 '아주 좋은 툴 이구나 ~' 하면서 감은 오지 않지만 뭔가 좋은 것

2021년 1월 13일
·
0개의 댓글
post-thumbnail

[Type script] CRA 프로젝트에 타입 스크립트 와 eslint & prettier 끼얹기

가장 빠르고 손쉽게 리액트 프로젝트를 시작할 수 있는 방법인 CRA를 통해 프로젝트를 생성해준다. 타입스크립트 환경에서 개발하기 위해선 cra 생성 시 --template typescript를 붙여주면 된다.npx create-react-app . --template

2021년 1월 9일
·
0개의 댓글

TypeScript와 ESLint와 Prettier

ESLint와 Prettier

2021년 1월 7일
·
0개의 댓글
post-thumbnail

[Typescript & React & Eslint 환경설정 2편] ESLint & Prettier 설정

Typescript & React & Eslint 환경설정 2편 ESLint, Prettier 설정하기 !

2021년 1월 6일
·
2개의 댓글

2021 / 01 / 02 리팩토링2 - Recoil

recoil 설정 및 간단 정리 recoil 을 설치 한 후 상위에 RecoilRoolt를 씌워 recoil을 사용할 수 있게 해준다. 1) atom atom은 리액트의 state와 비슷하다. atom을 변경하면 해당 atom을 구독하고 있는 컴포넌트들이 모두 다

2021년 1월 2일
·
0개의 댓글
post-thumbnail

2021 / 01 / 02 리팩토링1

기존의 통계 프로젝트를 리팩토링 해야한다고 하여 기본환경 세팅 / 라이브러리 설정을 맡아 하게 되었다.기본환경 세팅은 다음과 같이 했다기본 아키텍쳐 구조 정의컨벤션 정의eslint 설정prettier 설정서버 - express / js클라이언트 - react / ts

2021년 1월 2일
·
0개의 댓글
post-thumbnail

CRA + Typescript + Eslint + Prettier

Typescript와 관련된 포스팅

2020년 12월 29일
·
0개의 댓글
post-thumbnail

TS 개발 환경 구축(CRA, ESlint, Prettier)

vscode환경에서 react 프로젝트를 위해 ESlint와 Prettier을 하는 방법을 서술합니다.

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

ESLint + Prettier + TypeScript + Husky + VSCode (+ Node)

TypeScript, Node 환경에서 Visual Studio Code를 통해 작성한 코드를 저장할 때마다 자동으로 포맷하고, ESLint를 통해 문법 오류를 확인하고, Husky를 통해 커밋하기 전에 스크립트를 실행하는 기능을 사용해보도록 하자.

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