# stylelint
ESLint / Prettier / Stylelint 설정
CRA에는 eslint가 내장되어있기에 eslint는 추가 설치할 필요가 없습니다. 따라서, eslint 추가 설정을 위한 패키지만 설치해주고 package.json의 devDependencies에 아래와 같이 추가가 되어있는지 확인하기팀 내의 공용 stylelint를

리액트 개발자라면 꼭 필요한 Lint
새로운 언어를 시작하게 되면 그 언어의 일반적인 코딩 컨벤션을 (Coding Convention) 익혀야 하고, 개발하는 동안에 꾸준하게 유지해야 하는데, 이 과정을 줄이기 위해 개발환경에 Lint를 적용하는 게 중요하다. Lint Tool 은 각 언어마다 존재하는데

typescript react ( eslint, prettier )프로젝트 생성
복잡한 설정을 할 필요 없이 위의 명렁어 하나면 바로 설정할 수 있다.그럼 아래처럼 원하는 옵션을 입맛대로 고른 후 설정이 완료된다.
Stylelint (with Vue/SCSS), 스타일 오류 방지 및 규칙 적용 도구
스타일린트란 스타일 코드의 오류를 방지하고 스타일에 규칙을 적용할 수 있도록 도와주는 도구입니다.l 설치 Stylelint는 크게 'Avoid errors' 와 'Enforce conventions' 라고 하는 규칙을 기본으로 제공하고 있습니다. stylelint-c

husky를 이용해서 테스트 및 린트 자동화하기
프론트엔드 프로젝트에서 린트와 테스트를 자동화해보자 ! (feat. husky & lint-staged)

NextJS + Typescript Template
프로젝트 개발을 위해서 NextJS + Typescript + Emotion 기반 템플릿을 만들면서 이에 대한 설명을 다룬 내용들을 공유하기 위해 이 포스트를 올립니다.

5/4 TIL
강사님이 깃허브에 올려 주신 foundation 코드를 clone 해서 가져왔다.그리고했더니 오류가 떴다.무시무시한 에러메세지..이러한 에러를 stylelint:Validate에서 scss확장자 추가 함으로써 해결이 된다고 팀원분이 알려주셨다.회사에서는 이게 바로 보여

[TIL] ESLint, LtyleLint 설정(VSCode)
코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동 검출하는 도구.vscode extension installvscode settings 옵션 설정settings 에서 eslint, stylelint 검색해서사용하고자 하는 validate 설정해주기!프로젝트에 eslint

eslint-prettier-stylelint 세팅 총종리
react + next.js + typescript 조합에서 협업 시 사용하는 eslint + prettier + stylelint 세팅에 대해 총정리한 글입니다..eslintrc.jsoneslint에서 code convention은 plugins와, extends와

Postcss-preset-env: Use tomorrow’s CSS today
Postcss는 css에서 바벨과 같은 역할을 수행하는 도구라고 할 수 있습니다. 웹팩이나 걸프와 같은 빌드 도구와 사용할 수 있는 각종 플러그인을 제공하죠.