# Prettier

97개의 포스트
post-thumbnail

ESLint & Prettier

프로젝트 협업 시 서로 다른 코드 스타일로 큰 어려움을 겪습니다. ESLint 와 Prettier 를 사용하면 코드 스타일 통합에 큰 도움이 됩니다.

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

ESLint + Prettier + EditorConfig + TypeScript 설정하기

프로젝트 협업을 하다 보면 개발자 개인마다 코드 스타일이 굉장히 다르다. 이러한 점때문에 코드 품질을 높여주는 많은 라이브러리가 등장했고 그 중 ESLint, Prettier, EditorConfig를 TypeScript에서 적용하는 것을 포스팅하고자 한다.

3일 전
·
0개의 댓글

ES6의 백틱(Backtick)과 Code Formatter

ES2015(ES6)에서 템플릿 리터럴에 사용하는 백틱 표현식은 대부분의 상황에서 매우 편리합니다. 백틱 안에서 입력한 문자열은 공백과 개행까지 그대로 표현되는 특징이 있습니다. 이러한 백틱의 특징 때문에 특정 상황에서는 잘못 사용할 경우, 예상치 못한 결과가 나오기도

2021년 9월 9일
·
0개의 댓글

prettier 설정과 해석

json 형식으로 입력"arrowParens": "always","bracketSpacing": false,"printWidth": 80,"semi": true,"singleQuote": true,들여쓰기 당 공백(띄어쓰기?) 수"tabWidth": 2,"trailin

2021년 9월 9일
·
0개의 댓글

React + ESLint + Prettier + Typescript 세팅하기

React + Prettier + ESLint + Typescript 세팅

2021년 9월 6일
·
0개의 댓글

React ESLint + prettier 세팅 후 에러(context.getPhysicalFilename is not a function)

React EscLint + prettier context.getPhysicalFilename is not a function 에러

2021년 9월 6일
·
0개의 댓글

ESLint & Prettier 적용하기

ESLint는 JavaScript, JSX의 정적 분석 도구로 코드를 분석해 문법적인 오류를 찾아주고 일관된 코드 스타일로 작성하도록 도와준다. ESLint는 스타일 가이드를 좀 더 편리하게 적용할 수 있다.(예: Airbnb Style Guide, Google Sty

2021년 8월 29일
·
0개의 댓글

ESLint & Prettier

ESLint는 ES와 Lint를 합친 말이다.ES는 Ecma Script로 Ecma라는 기구에서 만든 표준 javascript를 의미한다.Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미한다.javascript의 스타일 가이드를 따르지 않거나 문제가 있는 안티

2021년 8월 28일
·
0개의 댓글

typescript formating

npm install @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react --D@typescript-eslint/parser: typescript parser use at esli

2021년 8월 22일
·
0개의 댓글
post-thumbnail

ESlint + Prettier

코드의 가독성을 높이고 오류와 버그를 제거하기 위해 생긴 도구이다. ECMAScript 코드에서 문제점을 검사하고 더 나은 코드로 정정하는 린트 도구이다.

2021년 8월 10일
·
0개의 댓글

직무 관련 도구

처음에는 자바스크립트를 웹 브라우저에서만 사용하였으나구글이 크롬을 소개하면서 V8이라는 자바스크립트 엔진도 공개이 V8을 기반으로 웹 브라우저뿐만 아니라 서버에서도 자바스크립트를 사용할 수 있는 런타임 개발한 것이 Node.js리액트 개발 시 필요한 도구들이 Node

2021년 8월 6일
·
0개의 댓글
post-thumbnail

개발 초기 세팅

개발을 진행하기 앞서 항상 프로젝트마다 세팅을 해두도록 하자.eslint와 prettier인데, 전역으로 피씨에 설치가 되어 있을 수 있지만 프로젝트마다 다른 설정이 가미될 필요가 있기 때문에 이렇게 프로젝트별로 따로따로 세팅을 하는게 좋다.eslint : 코드 품질

2021년 7월 29일
·
0개의 댓글
post-thumbnail

Using Prettier in JavaScript

Prettier is a coding tool that is used in JavaScript to consistently stylyze the format of our code and re-print it with its own rules that take the m

2021년 7월 25일
·
0개의 댓글

리액트 초기세팅

Prettier 로 코드 스타일을 자동으로 정리하고 싶다면, 프로젝트 최상위 디렉터리에 다음과 같은 파일을 생성한다prettierrcjsconfig.json

2021년 7월 22일
·
0개의 댓글
post-thumbnail

캠프 2주 4일차

실무(협업)에서 쓰이는 도구들!

2021년 7월 15일
·
0개의 댓글
post-thumbnail

create-react-app, typescript, emotion으로 React 프로젝트 시작하기

작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서

2021년 7월 12일
·
0개의 댓글
post-thumbnail

typescript, ESLint, Prettier, Jest, React-Testing-Library

nextjs에서 제공하는 명령어를 사용하여 nextjs 초기 프로젝트를 생성한다

2021년 7월 10일
·
0개의 댓글
post-thumbnail

[Visual Studio Code] Prettier 적용 오류/해결, Tab size 설정

.prettierrc 설정 파일이 적용되지 않는 문제가 있었다. VSCode > Preference (단축키: cmd+,) 에서 Format On Save 체크해주었다. Default Formatter 가 None 으로 되어있었는데, Prettier - Code

2021년 6월 23일
·
0개의 댓글

ESLint & Prettier

ESLint & Prettier

2021년 6월 18일
·
0개의 댓글