# Prettier
[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에서 처음
Visual Studio Code Prettier 동작이 되지 않는 경우 해결 방법
잘 동작하던 prettier가 어느샌가 동작을 하지 않아서 구글링을 해보았지만 바로 해결이 되지 않았다.VSC prettier 재설정Format on SaveDefault Format - PrettierPrettier 재설치VSC 재설치결론 : 너무 구글링에만 의존하지
2023. 03. 20 ESLint, prettier 설치 및 세팅
이 글은 회사에서 세미나를 하기 위해 쓴 글로 다양한 블로그를 보고 참고해서 썻기 때문에 많은 비슷한 점이 있습니다. 이 글보다는 밑에 tag에 달아놓은 글을 보시는 것이 더욱 자세할 수 있습니다.eslint와 prettier는 javascript로 개발을 할 때 우리
Code Convention을 위한 Husky와 Lint-staged 적용
이전 포스팅에서 사내 프로젝트에 ESLint 와 Prettier 를 적용하는 과정을 다뤘었는데,이번에는 Husky 와 Lint-staged 를 활용해 작업을 자동화한 과정에 대해 짧게 작성해볼 예정이다.사실 여러 Lint Rule 들이 정의되어 프로젝트에 적용되어 있더
Prettier, ESLint 이해하고 사용하기
Backend 뿐 아니라 Node 기반 개발을 진행하는 사람들이라면 다 도움이 될 것 같아서 썸네일을 좀 바꿔봤습니다. Prettier, ESLint에 대해 이해하기 쉽도록 정리했으니까 한번 봐주세요!
WebStorm에서 ESLint와 Prettier 설치 및 설정하기
즉, 팀 단위로 프로젝트를 진행하게 될 때 여러명의 다양한 코드 스타일을 일정한 규칙을 정해둠으로써 다른 개발자가 작성한 코드도 빠르게 이해할 수 있어서 일을 좀 더 수월하게 진행이 가능해진다.
사내 ESLint & Prettier 적용기
최근 사내에 코드 리뷰 문화를 도입하게 되었는데, 팀원 간 컨벤션이 달라 리뷰가 어렵다는 피드백이 있었다.실제로 살펴보니 유사한 동작을 수행하는 로직들 간에도 구현되어 있는 코드 스타일이 서로 달라 읽어내는 데 생각보다 많은 리소스가 소모되었다.
LEVELUP 10. Eslint & Prettier
eslint란 lint란 에러가 있는 코드에 표시를 하는 것을 말하낟. 에러와 코딩 스타일을 잡아주기 떄문에 여러 명이 협업을 하며 코드를 작성하더라도 한사람이 코딩한 것 처럼 깔끔하게 정리할 수 있다.Eslint는 ecma script와 lint를 합친 말로 자바스크
CRA에서 eslint prettier(feat. import order) 설정하기
새로운 프로젝트를 시작할 때마다 환경설정을 하는 것은 꽤나 힘든 일이다.typescript를 사용하는지 상태관리는 어떤 기술을 사용할지 매 프로젝트마다 조건이 다르기 때문에 그에 맞는 환경설정을 하는 것은 굉장히 중요하기도 하다. 그 중 eslint와 prettier
NextJS + Prettier 시작하기
코드 스타일을 일관성있게 관리해주는 코드 포멧터로 협업에 필수아이템prettier 를 설치한다prettier 설정하기.prettierrc.js 파일을 생성하고 아래 코드를 입력한다.prettier 검사하기prettier 적용하기
React 기초 정리
React는 SPA 개발의 하나로 Facebook에서 개발한 UI 라이브러리로, 복잡한 UI를 간단한 컴포넌트(Component)로 나누어 관리할 수 있도록 도와줍니다. React는 UI의 상태에 따라 뷰를 자동으로 업데이트하고, 재사용성이 높은 컴포넌트를 통해 개발
Prettier & SCSS lint 설정
\* 사전 설치 확장 플러그인 scss-link, Prettier - Code formatter 프로젝트 root 경로에 .scss-lint.yml 파일 추가.scss-lint.yml : https://gist.github.com/ynmkim/63de938d4
