# ESLint

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

2023. 3. 27
input value 초기화\-default value\-value이벤트 전파와 버블링규칙 정하기 \-코드린터(eslint) \-코드포맷터(prettier) \-husky Outroinput tag의 두 속성 defaultValue : input tag에서 처음
2023. 03. 20 ESLint, prettier 설치 및 세팅
이 글은 회사에서 세미나를 하기 위해 쓴 글로 다양한 블로그를 보고 참고해서 썻기 때문에 많은 비슷한 점이 있습니다. 이 글보다는 밑에 tag에 달아놓은 글을 보시는 것이 더욱 자세할 수 있습니다.eslint와 prettier는 javascript로 개발을 할 때 우리

eslint의 no-unused-vars 규칙과 typescript의 interface 문법 충돌 해결하기
기존의 `no-unused-vars` 설정을 "off"하고 `@typescript-eslint/no-unused-vars`의 설정을 이용하자!

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

Prettier, ESLint 이해하고 사용하기
Backend 뿐 아니라 Node 기반 개발을 진행하는 사람들이라면 다 도움이 될 것 같아서 썸네일을 좀 바꿔봤습니다. Prettier, ESLint에 대해 이해하기 쉽도록 정리했으니까 한번 봐주세요!
Next.js ESLint Airbnb 추가하기
일하고 있는 회사에서 Next.js 프레임워크를 사용하기로 하였고Next.js + Storybook + Atomic Design 패턴을 사용해서 본격적인 프로젝트에 합류하기전에 사이드 프로젝트를 진행하고 있다처음 프로젝트를 생성할 때 기본적인 ESLint만 적용하고,

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

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

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

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

CRA에서 eslint prettier(feat. import order) 설정하기
새로운 프로젝트를 시작할 때마다 환경설정을 하는 것은 꽤나 힘든 일이다.typescript를 사용하는지 상태관리는 어떤 기술을 사용할지 매 프로젝트마다 조건이 다르기 때문에 그에 맞는 환경설정을 하는 것은 굉장히 중요하기도 하다. 그 중 eslint와 prettier
Node.js + Typescript 시작하기
만들고 싶은 프로젝트가 생겼는데 요즘 관심이 생긴 node와 typescript를 사용해보기로 했다. js도 잘 모르긴 하지만 강의나 책을 다 보고 시작하기에는 절대적인 시간이 부족하다는 걸 깨달았다. 만들고 싶은걸 바로 만들어보자.

Eslint (feat. TypeScript)
npm install --save-dev @typescript-eslint/eslint-plugin @typescript-eslint/parsereslint/typescriptnpm install --save-dev eslint-config-airbnbeslint/ai
React 기초 정리
React는 SPA 개발의 하나로 Facebook에서 개발한 UI 라이브러리로, 복잡한 UI를 간단한 컴포넌트(Component)로 나누어 관리할 수 있도록 도와줍니다. React는 UI의 상태에 따라 뷰를 자동으로 업데이트하고, 재사용성이 높은 컴포넌트를 통해 개발