# Prettier

243개의 포스트
post-thumbnail

[VSCode] Prettier 자동 정렬 안되는 경우 설정 방법

Prettier 자동 정렬 설정 방법 ✨

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

Using Prettier

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

4일 전
·
0개의 댓글
·

TIL | Node의 특징 / npm , 포맷터, 린터

* 📍 Node의 특징, 강점, 약점* > - io는 지금까지와는 다르게 되어야한다 라고 node를 개발한 사람은 말했다 이는 노드가 무엇을 위해서 만들어졌는지 알려주는 핵심적인 말이다 비동기 성질을 이용해 I/O bound 프로그램에 가장 큰 문제인 요

6일 전
·
0개의 댓글
·

좌우충돌 블로그 개발기행(3) - Next.js + ESLint + Prettier

해당 페이지의 내용은 Basic Features: ESLint | Next.js 내용을 참고하였습니다.

2022년 9월 21일
·
0개의 댓글
·

next.js, typescript, eslint, airbnb, prettier 로 프로젝트 설정하기

typescript를 사용하는 next.js 프로젝트 설치eslint 설정을 위한 eslintrc 파일 자동으로 만들기typescript 파서 설정nextjs 규칙 추가기타 next와 충돌하는 룰 삭제airbnb 규칙 설치airbnb 규칙 추가prettier 설치esl

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

Prettier 자동 줄바꿈 해제

https://stackoverflow.com/questions/56291245/how-do-you-stop-prettier-in-vs-code-splitting-attributes-onto-multiple-lines그다지 긴 코드가 아닌데도 줄바꿈이 일어나서

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

React+Typescript+EsLint(airbnb)+Prettier 개발환경 설정 방법

React의 매력은 Virtual Dom, Component기반 개발 Typescript일단 nodejs와 npm 혹은 yarn을 설치해야 한다. node와 npm이 설치된 지 확인하기 위해서는 -v 옵션으로 확인할 수 있다.(npm은 node 설치 시 함꼐 설치된다.

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

[리액트를 다루는 기술] 간단한 prettier 설정

최상단 폴더에 .pritterrc 파일 생성원하는 설정을 적는다.semi: 세미콜론을 붙여줌useTabs & tabWidth: 탭 말고 공백 두 칸으로 변경설정에서 'format on save' 체크하면 저장할 때마다 자동 적용

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

[Lint] 프리티어 (Prettier)

프리티어는 ESLint보다 코드를 더 예쁘게 만들어준다 ESLint의 역할 중 포매팅과 겹치는 부분이 있지만 프리티어는 좀 더 일관적인 스타일로 코드를 다듬는다 하지만 ESLint와는 다르게 코드 품질과 관련된 기능은 하지 않는다 프리티어 설치

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

ESLint & Prettier

error JSX not allowed in files with extension '.js' 2.error 'React' must be in scope when using JSX

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

ESLint 자동화하기

ESLint +Husky + lint-staged +prettier

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

[ESLint, Prettier] React 프로젝트에 ESLint 와 Prettier 적용하기 | ESLint 와 Prettier 사용법과 차이점

1동적 언어인 Javascript에서는 코드 에러가 자주 발생한다.동적 분석(프로그램을 직접 실행해서 코드를 분석)을 하기 때문에 에러를 찾기 위해서는 코드를 직접 실행해서 확인을 해봐야 한다.이를 도와주는 것이 Linter이다. Linter는 코드를 정적으로 분석하기

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

Prettier 자동 줄바꿈 설정

자동 줄바꿈 지옥 탈출기

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

리액트 개발자라면 꼭 필요한 Lint

새로운 언어를 시작하게 되면 그 언어의 일반적인 코딩 컨벤션을 (Coding Convention) 익혀야 하고, 개발하는 동안에 꾸준하게 유지해야 하는데, 이 과정을 줄이기 위해 개발환경에 Lint를 적용하는 게 중요하다. Lint Tool 은 각 언어마다 존재하는데

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

Prettier 설정하기

extention에서 prettier 설치 후에 설정에 들어가서검색에 Default Formatter입력 후 프리티어 선택검색에Format on save입력 후 체크해주면 파일 저장 시 마다 프리티어 적용.추가로 허스키라는 것을 사용하면 커밋 시마다도 프리티어를 적용해

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

[TDD] 테스트 주도 개발에 대한 고찰과 실습

테스트 주도 개발(Test-Driven Development, TDD) 들어가기앞서 테스트 주도 개발을 해야하는 이유를 찾아보았다. > [테스트 코드를 먼저 작성해야 하는 이유] 테스트 코드를 먼저 작성하는 개발 방법론은 테스트 주도 개발(Test-Driven De

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

eslint prettier Replace ' ' with '( )' error

prettier 규칙을 바꾼 후 전체 파일에 대해 새롭게 적용하려면,./node_modules/.bin/eslint src --fix적용될 프로젝트에서 위와 같은 명령어를 실행하면 전체 js 파일에 적용된다.

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

Prettier 적용 문제

이번 문제는, prettier force fix를 하면 코드 정렬이 되는데, 파일 저장 "ctrl" + S 을 누르면 다시 이전으로 돌아감 😠설정이 충돌이 난 거 같은데 해결이 안나서 이것저것 방법을 시도해 보았음. 1\. format on save 에 체크표시 확인

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