# ESLint

421개의 포스트
post-thumbnail

[TIL 0328] 코드규칙 정하기

✅ 코드린터 / 코드 포멧터 > -> 협업 시 우리끼리의 규칙을 정하는 것 그것을 도와주는 것이 eslint, prettier [eslint 설치방법] eslint 설치하기 (package.json이 있는 경로에서 입력) 질문창 뜨면 선택하기 VS code ex

약 12시간 전
·
0개의 댓글
·
post-thumbnail

2023. 3. 27

input value 초기화\-default value\-value이벤트 전파와 버블링규칙 정하기 \-코드린터(eslint) \-코드포맷터(prettier) \-husky Outroinput tag의 두 속성 defaultValue : input tag에서 처음

5일 전
·
0개의 댓글
·

2023. 03. 20 ESLint, prettier 설치 및 세팅

이 글은 회사에서 세미나를 하기 위해 쓴 글로 다양한 블로그를 보고 참고해서 썻기 때문에 많은 비슷한 점이 있습니다. 이 글보다는 밑에 tag에 달아놓은 글을 보시는 것이 더욱 자세할 수 있습니다.eslint와 prettier는 javascript로 개발을 할 때 우리

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

eslint의 no-unused-vars 규칙과 typescript의 interface 문법 충돌 해결하기

기존의 `no-unused-vars` 설정을 "off"하고 `@typescript-eslint/no-unused-vars`의 설정을 이용하자!

2023년 3월 21일
·
0개의 댓글
·

Prettier, ESLint 설정 관리하기

자주 쓰는 설정을 찾아서 주석으로 정리하였다.

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

Code Convention을 위한 Husky와 Lint-staged 적용

이전 포스팅에서 사내 프로젝트에 ESLint 와 Prettier 를 적용하는 과정을 다뤘었는데,이번에는 Husky 와 Lint-staged 를 활용해 작업을 자동화한 과정에 대해 짧게 작성해볼 예정이다.사실 여러 Lint Rule 들이 정의되어 프로젝트에 적용되어 있더

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

Prettier, ESLint 이해하고 사용하기

Backend 뿐 아니라 Node 기반 개발을 진행하는 사람들이라면 다 도움이 될 것 같아서 썸네일을 좀 바꿔봤습니다. Prettier, ESLint에 대해 이해하기 쉽도록 정리했으니까 한번 봐주세요!

2023년 3월 19일
·
3개의 댓글
·

Next.js ESLint Airbnb 추가하기

일하고 있는 회사에서 Next.js 프레임워크를 사용하기로 하였고Next.js + Storybook + Atomic Design 패턴을 사용해서 본격적인 프로젝트에 합류하기전에 사이드 프로젝트를 진행하고 있다처음 프로젝트를 생성할 때 기본적인 ESLint만 적용하고,

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

WebStorm에서 ESLint와 Prettier 설치 및 설정하기

즉, 팀 단위로 프로젝트를 진행하게 될 때 여러명의 다양한 코드 스타일을 일정한 규칙을 정해둠으로써 다른 개발자가 작성한 코드도 빠르게 이해할 수 있어서 일을 좀 더 수월하게 진행이 가능해진다.

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

사내 ESLint & Prettier 적용기

최근 사내에 코드 리뷰 문화를 도입하게 되었는데, 팀원 간 컨벤션이 달라 리뷰가 어렵다는 피드백이 있었다.실제로 살펴보니 유사한 동작을 수행하는 로직들 간에도 구현되어 있는 코드 스타일이 서로 달라 읽어내는 데 생각보다 많은 리소스가 소모되었다.

2023년 3월 12일
·
0개의 댓글
·

Eslint & Prettier

[ 레벨업 ]

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

ESLint

위에 코드를 실행하면 TypeError가 나타난다. 이유는? 실제로 실행되는 코드는 이렇게 인식하기에 세미콜론이 없어 타입 에러가 났다. 코드의 가독성을 높이고 잠재적인 오류와 버그를 제거해 단단한 코드를 만드는 것이 목적인 ESLint를 알아보자!

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

LEVELUP 10. Eslint & Prettier

eslint란 lint란 에러가 있는 코드에 표시를 하는 것을 말하낟. 에러와 코딩 스타일을 잡아주기 떄문에 여러 명이 협업을 하며 코드를 작성하더라도 한사람이 코딩한 것 처럼 깔끔하게 정리할 수 있다.Eslint는 ecma script와 lint를 합친 말로 자바스크

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

CRA에서 eslint prettier(feat. import order) 설정하기

새로운 프로젝트를 시작할 때마다 환경설정을 하는 것은 꽤나 힘든 일이다.typescript를 사용하는지 상태관리는 어떤 기술을 사용할지 매 프로젝트마다 조건이 다르기 때문에 그에 맞는 환경설정을 하는 것은 굉장히 중요하기도 하다. 그 중 eslint와 prettier

2023년 3월 7일
·
0개의 댓글
·

lint

플러그인 설치vs설정 shift+command+p기본설정 (json) 추가

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

Node.js + Typescript 시작하기

만들고 싶은 프로젝트가 생겼는데 요즘 관심이 생긴 node와 typescript를 사용해보기로 했다. js도 잘 모르긴 하지만 강의나 책을 다 보고 시작하기에는 절대적인 시간이 부족하다는 걸 깨달았다. 만들고 싶은걸 바로 만들어보자.

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

prettier, eslint 자동 적용 ( feat.husky)

당신의 코드 오와열 맞아?

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

Eslint (feat. TypeScript)

npm install --save-dev @typescript-eslint/eslint-plugin @typescript-eslint/parsereslint/typescriptnpm install --save-dev eslint-config-airbnbeslint/ai

2023년 2월 22일
·
0개의 댓글
·

React 기초 정리

React는 SPA 개발의 하나로 Facebook에서 개발한 UI 라이브러리로, 복잡한 UI를 간단한 컴포넌트(Component)로 나누어 관리할 수 있도록 도와줍니다. React는 UI의 상태에 따라 뷰를 자동으로 업데이트하고, 재사용성이 높은 컴포넌트를 통해 개발

2023년 2월 21일
·
0개의 댓글
·