# Prettier

125개의 포스트

React + ESLint + Prettier + Typescript 세팅

Ref : https://velog.io/@qhgus/React-ESLint-Prettier-Typescript-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0

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

ESLINT/PRETTIER

소스 코드에 문제가 있는지 탐색해줌.eslintrc.js 위의 설정 파일에서 가장 많이 건드리게 될 부분은 extends와 rules 입니다.extends 옵션은 다른 ESLint 설정을 확장해서 사용할 때 사용합니다. rules 옵션은 본인의 프로젝트에서 자체적으로

3일 전
·
0개의 댓글

VS Code에서 TypeScript : Format on save 적용 안될 때

https://gusrb3164.github.io/tip/2021/02/26/vscode-ts-error/

2021년 11월 26일
·
0개의 댓글
post-thumbnail

ESLint & Prettier

react 프로젝트 하기 전 code formatting 작업 복습

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

prettier 사용법

코드 스타일을 정리하기 위하여 prettier를 사용하는 방법 정리

2021년 11월 20일
·
0개의 댓글
post-thumbnail

CRA + ESLint + Prettier 설정

이 포스팅에서는 CRA(Create React App)을 이용하여 생성한 리액트 프로젝트를 기준으로 기본적인 ESLint와 Prettier 설정 방법을 다룹니다.CRA로 생성된 프로젝트는 안에 ESLint가 따로 탑재되어 있기 때문에 따로 설치할 필요가 없다. Pret

2021년 11월 16일
·
0개의 댓글

11.12 (10)

til 10일차

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

코드 정렬 강제로 하기

이 글이 나오기까지 여러 역경과 고난이 있었음을 알립니다.

2021년 11월 15일
·
0개의 댓글

[React] 나만의 초기세팅 정리하기

지금까지 공부한 내용을 기반으로 리액트 초기세팅 을 정리해봤습니다.

2021년 11월 12일
·
0개의 댓글

React, Next.js, Typescript 기반 프로젝트 세팅 (eslint, prettier, airbnb)

React, Next, Typescript를 기반으로 하는 프로젝트를 생성하고 eslint와 prettier를 airbnb 스타일로 적용해요.

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

EsLint & Prettier

ESlint란? Lint란 보푸라기를 말한다. ESlint란 ECMAScript에서의 보풀을 의미하게 되는데 우리가 옷을 입을 때 보풀이 있어도 입고다닐순 있지만 보기에 좋지 않다. 이렇듯 들여쓰기도 일정한 규칙에 맞게 하지 않고 선언한 변수나 함수를 사용하지 않는

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

리액트 프로젝트 웹팩 설정

리액트 프로젝트를 하면서 설정 했던 웹팩 설정들을 알아보자.

2021년 11월 9일
·
0개의 댓글
post-thumbnail

Prettier 란 ? 🤔

What is Prettier ? Prettier is Code Fomatter > 파일을 저장할때마다, 코드를 사용자가 원하는 형식으로 모양을 예쁘게 만들어주는 Node.js 패키지 코드 품질을 위해 사용하는 ESLint와는 다르게 사용자의 옵션에 따라 코드

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

[개발 초기 세팅하기] ESLint (eslint-config-airbnb-typescript) + Prettier + React + TypeScript

마법의 cli 명령어 크리에이트 리액트 앱! 뒤에 살포시 타입스크립트 템플릿을 추가해준다.이 때 parser와 plug-in을 함께 설치해준다.명령어는 다음과 같다.내용은 아래와 같이 작성해준다.시험 삼아, 사용되지 않는 변수를 선언하고 값을 할당한 후에 npm run

2021년 11월 5일
·
0개의 댓글

[VSCode] Prettier - Code formatter 사용하기

코딩스타일을 통일화 시켜주면 코드의 가독성이 더욱 좋아진다. VSCode의 Prettier을 애용하고 있는데 사용법은 간단하다.

2021년 11월 5일
·
0개의 댓글

vscode 개발 환경 세팅 Formatting-prettier, Linting-eslint, Type Checking

prettier 설치 npm install --save-dev prettierprettier 적용.vscode > settings.json.prettierrceslint 설치npm install --save-dev eslintnpm install --save-dev

2021년 11월 3일
·
0개의 댓글
post-thumbnail

vscode Prettier로 관리하기

vscode에서 코드 작성시 코드의 모양을 통일시켜주는 Prettier.

2021년 11월 1일
·
0개의 댓글
post-thumbnail

Next.js - eslint 및 prettier 설정

사실 워낙 유명한 내용이라 그냥 넘어가려 했는데 지식을 기록하는 것에 의미를 두고 포스팅을 남깁니다.누군가 그러더군요. 모든 실력에는 반드시 증거를 가지고 있어야 한다고 :)eslint는 JS를 사용하면서 생기는 에러들을 미리 알려주는 정적 분석 툴입니다. eslint

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

React ESLint, Prettier 설치, 설정

ESLint는 js 코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드분석 도구입니다.그러나, js는 Linter가 존재하지 않습니다.왜냐하면 js는 별도의 컴파일 과정이 없고, Node나 Browser에서 바로 실행되기 때문입니다.결론은 ESLint 같은 Linti

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