# Prettier

188개의 포스트
post-thumbnail

10) typescript 니가 몬대

Algorithm Study, Code Review, GraphQL-codegen, eslint / prettier, Typescript, Daily Scrum, self Study, Algorithm Class

3일 전
·
0개의 댓글

Day-10 Eslint, Prettier

개발을 할 때 혼자 프로젝틀 진행하는 경우는 거의 없다. 여러명이서 협업하며 진행하는 경우가 대부분인데 각각의 규칙과 방식으로 코드를 작성하면 서로 코드를 알아보기가 힘들고 소통이 어려워지게 되어 이를 방지하기 위해 일정한 규칙을 정하게 된다.코드린터란 문법에는 어긋나

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

Eslint와 Prettier로 프로젝트별 컨벤션 설정하기

팀 프로젝트를 진행하면서 컨벤션 설정을 하게 되고 그 설정을 편하게 하기 위해 eslint와 prettier를 사용하고 있었다.위 사진처럼 설정해서 쓰고 있었다.vscode의 설정에 들어가서 해당하는 컨벤션 설정을 했는데 팀 프로젝트 두 개가 시기가 겹쳐서 컨벤션 설정

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

ESLint, Prettier, Husky

ES + LinterECMAScriptEcma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어.ES1은 1997년에 나왔으며, 꾸준히 버전업이 되고 있다.대중적으로 많이 사용되는 버전은 ES6( ECMA2015 ) 이다.ES6는 IE1

6일 전
·
0개의 댓글

prettier, eslint 적용 정리

install.eslintrc.json.prettierrcvscode

2022년 5월 15일
·
0개의 댓글
post-thumbnail

Prettier 2.6 적용 및 자동화

singleAttributePerLine 가 추가된 Prettier 2.6 버전을 적용하고 자동화해보자.

2022년 5월 14일
·
0개의 댓글

[TIL] (2022.05.10)

\[TIL] (2022.05.10)linter, prettier 반드시 쓰도록 하자. 중요모듈 이름은 소문자로 시작하는걸 추천 (ex. navigation.module.scss)통일성 있게 코드를 작성하자. (ex. React.useState() 방식으로 코드를 작성

2022년 5월 10일
·
0개의 댓글

[React]ESLint / Prettier

자바스크립트 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다.대부분의 프로그래밍 언어에는 컴파일하는 과정에서 수행되는 Linter가 기본적으로 내장되어 있다.그러나, 인터프리터 언어인 자바스크립트는 Linter가 내장되어 있지 않다.이 때문에 런타임

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

LionTown Project 초기세팅

먼저 @nestjs-cli를 전역으로 설치해줍니다.이후 자신이 진행하고자하는 폴더경로로 들어가를치면가나오는데 프로젝트는 yarn으로 진행하기때문에 yarn을 선택해줍니다nest.js 프로젝트만 시작해도 기본적으로 prettier, eslint 기본세팅이 추가되는데내가

2022년 4월 25일
·
0개의 댓글
post-thumbnail

ESLint와 Prettier가 무엇이며 왜 필요하고 어떻게 사용하는지

해당 글은 시리즈로 작성될 예정입니다! React 프로젝트에서 일관성 있는 코드를 유지하기 위해 사용하는 ESLint, Prettier, husky, lint-staged가 무엇인지, 왜 사용하며, 어떻게 사용하는지 알아볼 것이며 아래 순서로 포스팅 될 것입니다. :)

2022년 4월 24일
·
4개의 댓글
post-thumbnail

[React] CRA 개발환경 설정하기 - ESLint, Prettier

ESLint ES(EcmaScript) 재단에서 명시한 문법에 부합하는지 검사해주는 도구 현재 Typescript도 지원한다. > 💡 CRA는 eslint가 기본 설치되어있기 때문에, 따로 설치 없이 초기 설정부터 진행한다 :) 초기 설정 여러 옵션에 대한 선택

2022년 4월 11일
·
0개의 댓글
post-thumbnail

VSCode 개발 환경 구성 (ESLint, prettier, typescript)

ESLint 설정eslint 설치vscode extension 에서 eslint를 추가한다..eslintrc 파일을 생성한다.위와 같이 물음에 대답 하면 기본 .eslintrc.json 파일이 생성된다자주 쓰는 플러그인은 아래와 같다eslint-plugin-react:

2022년 4월 11일
·
0개의 댓글

tsx prettier 설정 방법

문제 vue로 tsx파일을 생성해서 코딩하고 있는데, prettier가 동작하지 않음을 발견했다. 한번 익숙해진 이후로 prettier를 포기못하기에,, tsx에서도 동작하게 하는 방법을 찾아보았다. 해결 vscode의 세팅 파일 settings.json에서 아래와 같은 설정을 추가해주면 간단하게 해결된다. 추가로,,, 나는 아래와 같이 eslint를 ...

2022년 4월 8일
·
0개의 댓글

Eslint, Prettier 적용하기

Eslint, Prettier는 자바스크립트 개발을 할 때 경험을 향상시켜줄 유용한 도구들 이다.린트의 종류에는 JSLint, JSHint, EsLint등이 있다.코드 포매팅일관된 코딩 컨벤션을 유지하는 기능예) 들여쓰기는 두칸으로 해라코드 품질잠재적인 오류를 찾아주는

2022년 4월 7일
·
0개의 댓글
post-thumbnail

협업 필수! ESLint + Prettier로 airbnb 스타일로 코딩하기(react + eslint-config-airbnb-typescript)

개발자들은 각자 다른 코딩 스타일을 가지고 있다. 좋은 코드는 물론 존재하지만 코딩에는 정답이 없기 때문에 어느 스타일이 옳다 이렇게 정의하기는 어려울 것이다. 그럼에도 불구하고 협업 시에는 일정한 코딩 컨벤션 정하고 지켜가며 코딩을 해야한다. 각자의 스타일대로 코드를

2022년 4월 7일
·
0개의 댓글
post-thumbnail

Node.js 업데이트 후 node-sass 오류

Issue 오랜만에 프로젝트 잘 있나 한 번 실행해보려고 노트북에 node를 설치했다. 분명 안전한 릴리스가 14버전이었던 것 같은데 벌써 16버전이 됐다. 멍청한 나는 그걸 몰랐고 용감하게 npm install때렸다. Researching... 💀 뭐 거창하게 적

2022년 4월 7일
·
0개의 댓글
post-thumbnail

VSCode 개발 환경 구성 (ESLint, prettier, typescript)

ESLint 설정eslint 설치vscode extension 에서 eslint를 추가한다.

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

prettier

매번 프로젝트를 만들 때 prettier 설정을 어떻게 해야 하는지 까먹고 여러번 검색해야 하는 시간이 아까워서 내가 사용하기 위해 정리해둔다.개인적으로 변경하고 싶은 것들이 있다면 옵션들이 정리되있는 공식문서를 참고하자. https://prettier.io/

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

[TIL]ESLint & Prettier

ESLint와 Prettier는 문법 오류나 코드 정리를 해주는 도구다 VSCode나 WebStorm과 같은 여러 IDE와 연동해 사용 가능하다 > ### ESLint ESLint는 JS를 위한 정적 검사 툴이다. 코드 실행 전 버그를 찾거나, 괄호나 스페이스의 사용

2022년 3월 30일
·
0개의 댓글
post-thumbnail

Prettier, ESlint, Husky 기초 사용법(nodeJS)

역시나 새로운 설정은 공식문서에 답이 있는 것 같습니다. 이 설정들은 구글링보다는 공식문서를 따라 진행하시는 것을 추천합니다. Prettier는 코드 포맷터로 정해진 프로그래밍 언어에 따라 일정한 코드 스타일을 강제하는 도구입니다.1\. 설치: npm install -

2022년 3월 30일
·
0개의 댓글