# ESLint

107개의 포스트

Next.js typescript 프로젝트 생성부터 eslint 세팅까지

create-next-app 설치 Next.js 프로젝트를 생성할 수 있게 해주는 cli도구를 먼저 설치합니다. 프로젝트 생성 저는 til을 위해 만드는 프로젝트이므로 til 로 이름 짓겠습니다. typescript 설치 typescript 세팅 여기까지 입력하면 tsconfig.json 파일의 내용이 자동으로 채워지며, next-env.d.ts 파일...

3일 전
·
0개의 댓글

[TS] CRA+ TypeScript + Eslint + Prettier, VSC

CRA + TS + ESlint + Prettier

2021년 5월 6일
·
0개의 댓글
post-thumbnail

리액트 개발환경셋팅

Prettier 는 자동으로 코드의 스타일을 관리해주는 도구다.이제 저장하면 코드가 예쁘게 정렬된 채로 나오게 될 것이다. 기본 포맷을 Custom 하고 싶으면 최상위 폴더(루트 폴더) 위치에 .prettierrc 파일 생성ESLint 는 자바스크립트의 문법을 확인해주

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

[Vue.js] ESLint 구성

이전 글에서 개발환경 설정을 진행하였습니다. 이에 더해, ESlint를 설정해보도록 하겠습니다.

2021년 4월 26일
·
0개의 댓글

Eslint no-console

웹 개발시 디버깅 목적으로 브라우저의 console.log 메서드를 자주 사용하게 됩니다. 사용하기 간편하고, 애플리케이션의 동작에 직접적인 영향을 주지 않기 때문에 개발자 도구의 Debugger 보다 더 자주 사용합니다.console.log 는 가장 간편한 디버깅 메

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

React 개발 환경 설정하기

yarn, WebStorm, ESlint, Prettier으로 완벽한 개발환경 세팅하기!

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

TypeScript 프로젝트 ESLint/Prettier 적용

편리한 린트와 프리티어를 이미 생성된 TS프로젝트에 적용하는 방법

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

VSCode 설치 및 개발 환경 설정(Prettier, ESLint)

Visual Studio Code란? Visual Studio Code는 Microsoft에서 오픈소스로 개발하고 있는 소스 코드 에디터입니다. GitHub의 Electron을 기반으로 만들어져 MacOS, Linux, Windows 등 운영체제를 지원합니다.

2021년 3월 30일
·
0개의 댓글

CRA - react typescript ESlint + Prettier 설정

해당 내용은 CRA(create-react-app)+ typescript 를 사용할때의 내용이다.eslint(airbnb 스타일) 와 prettier 동시 사용을 위한 패키지 설치를 위해, CRA의 터미널 창에 하단의 명령어를 입력한다.src와 같은 최상위 경로에 .e

2021년 3월 29일
·
0개의 댓글

ESLint 적용 및 자동화

코드를 일관성 있는 형식으로 유지하는 것은 중요하다. 일관성 있는 코드는 가독성을 올려주며, 이는 협업 및 유지보수에 큰 도움을 준다.

2021년 3월 25일
·
0개의 댓글

prettier와 eslint를 구분해서 사용하자

결론부터 말하자면 오류를 잡으려면 린터, 스타일을 교정하려면 포맷터를 사용하자.

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

ESLint/Prettier 적용 및 오류해결

ESLint/Prettier 적용 및 오류해결

2021년 3월 16일
·
0개의 댓글
post-thumbnail

2021 03 11 목요일 TIL - 30

ReactTypescripteslint/prettier타입스크립트 + 리액트에 eslint + prettier를 적용했다. 적용하자마자 뽜 .. 에러가 터져나와서 적용하는데까지도 시간이 많이 걸렸는데 에러 하나씩 잡느라 힘들었다. 일단 타입스크립트 + 리액트 + esl

2021년 3월 10일
·
0개의 댓글
post-thumbnail

ESLint & Prettier

ESLint와 Prettier의 개념과 사용법 그리고 통합 방법을 정리합니다.

2021년 3월 9일
·
0개의 댓글
post-thumbnail

React + Typescript eslint, prettier설정

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

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

VSCODE - eslint & prettier 사용 및 window 에러

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

2021년 2월 27일
·
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개의 댓글