# Prettier

324개의 포스트
post-thumbnail

[TIL 0328] 코드규칙 정하기

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

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

2023. 3. 27

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

6일 전
·
0개의 댓글
·
post-thumbnail

Visual Studio Code Prettier 동작이 되지 않는 경우 해결 방법

잘 동작하던 prettier가 어느샌가 동작을 하지 않아서 구글링을 해보았지만 바로 해결이 되지 않았다.VSC prettier 재설정Format on SaveDefault Format - PrettierPrettier 재설치VSC 재설치결론 : 너무 구글링에만 의존하지

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

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

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

2023년 3월 23일
·
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개의 댓글
·
post-thumbnail

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

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

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

visual studio code prettier 설정

visual studio code prettier 설정

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

사내 ESLint & Prettier 적용기

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

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

Eslint & Prettier

[ 레벨업 ]

2023년 3월 10일
·
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개의 댓글
·
post-thumbnail

NextJS + Prettier 시작하기

코드 스타일을 일관성있게 관리해주는 코드 포멧터로 협업에 필수아이템prettier 를 설치한다prettier 설정하기.prettierrc.js 파일을 생성하고 아래 코드를 입력한다.prettier 검사하기prettier 적용하기

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

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

당신의 코드 오와열 맞아?

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

React 기초 정리

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

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

개발 환경 초기 세팅 - VsCode편

VsCode 개발 환경 초기 세팅에 대해 알아보자!

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

Prettier & SCSS lint 설정

\* 사전 설치 확장 플러그인 scss-link, Prettier - Code formatter 프로젝트 root 경로에 .scss-lint.yml 파일 추가.scss-lint.yml : https://gist.github.com/ynmkim/63de938d4

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

[노트] CRA & TS 초기 세팅 정리

React + TypeScript 프로젝트 초기 세팅 하는 방법과 에러들을 기록해보았다.

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