# Prettier

321개의 포스트
post-thumbnail

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

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

약 12시간 전
·
0개의 댓글
·

Prettier, ESLint 설정 관리하기

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

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

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

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

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

Prettier, ESLint 이해하고 사용하기

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

4일 전
·
2개의 댓글
·
post-thumbnail

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

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

7일 전
·
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개의 댓글
·
post-thumbnail

Yarn Berry(v3) Workspace #1 - workspace 설정

Yarn Berry workspace의 설정에 대해 설명합니다. typescript, eslint / prettier, jest 등 실무에 필요한 설정을 한번에 모았습니다.

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

[튜토리얼] React 리액트 시작

메타에서 개발한 오픈 소스 자바스크립트 라이브러리.프론트엔드 개발자 사이에서 AngularJS, Vue.js와 더불어 많은 인기를 얻고 있다. GitHub Star 수는 Vue가 가장 많으며(2022년 12월 04일 기준 Vue는 201K, React는 199K, An

2023년 1월 31일
·
0개의 댓글
·
post-thumbnail

프로젝트 초기 설정해보기 (Next.js + Typescript + RTK)

프로젝트 환경설정이라는 것에 막연한 불안감을 가지고 있었다. 개발공부를 한 지 이제는 꽤 되었다고 생각했는데도 나는 아직 아무것도 모르는 말하는 감자같다는 생각이 문득문득 들어서 마음이 불편했습니다. 그래서 시간을 들여서 한 번 환경설정을 진행해 보았습니다.리액트 서버

2023년 1월 30일
·
0개의 댓글
·