# Prettier

140개의 포스트
post-thumbnail

React Frontend 프로젝트 셋업하기 (Next.js, typescript, eslint, prettier)

이번에 프로젝트 초기 설정하는 일이 생겼는데, 하는 김에 어떻게 했는지 기록할 겸 작성한다.yarn 패키지 매니저로 next app을 설치하기 전에 우선 node를 설치하자 (node 공식사이트).node 설치가 완료되었다면 터미널에 다음과 같이 작성하여 yarn과 n

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

Firebase functions 3, - eslint, prettier

동료 개발자와의 원할한 협업을 위해서 Eslint와 Prettier를 사용하여 포메팅을 할 것이다.eslint는 문법 linting과 코드 스타일 포메팅을 동시에 제공하는 라이브러리이다. Eslint는 functions를 설치하면서 같이 설치가 됬다. Vscode의 E

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

[Next.js] 프로젝트 시작하기 / TypeScript + ESLint + Prettier

Next.js 프로젝트 시작을 위한 방법을 정리한 글입니다. ✍️ Next.js + Typescript + Prettier + Eslint 구성 Next.js + TypeScript cra 와 같은 필요한 Web Prettier

3일 전
·
0개의 댓글

prettier HTML 줄바꿈방지

prettier 사용중 html 태그들까지 자동 줄바꿈 처리가 됨아래처럼 한 줄로 나오게 하기..해결방법참고 : https://stackoverflow.com/questions/56291245/how-do-you-stop-prettier-in-vs-code-s

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

Typescript/React/ESLint/Airbnb/Prettier 설정하기

회사에서 타입스크립트로 기존 자바스크립트 프로젝트를 마이그레이션 하기로 했다. 코드량이 그렇게 많지 않고, 디자인시스템도 변경하기 위해서 새롭게 프로젝트를 만들어서 깔끔하게 다시 짜기로 했다.그런데 시작하기전부터 한숨이 나왔다.ESLint 설정, 타입스크립트 설정, P

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

map() method의 React 컴포넌트 return의 경우

컴포넌트의 return 작성 시, map() method return 결과로 React 컴포넌트가 들어가 있는 경우 그냥 컴포넌트 딱 하나 return이니까, return도 생략하고 중괄호 {}도 생략을 하면 되겠지 라는 생각으로 코드를 작성했는데 Error가 발생한다

5일 전
·
0개의 댓글

Typescript 시작하기

typescript 공부중, 간단한 todoLIst를 만들어 보고자한다. CRA를 이용하여 typescript를 react에 적용한뒤 린트설정까지 해보자. CRA(feat. Typescript) 아래 순서대로 cra를 설치, 리액트관련 @types설치, cra(ty

7일 전
·
0개의 댓글

20220121_TIL

GraphQL-Codegen Eslint Prettier

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

코드캠프 부트캠프 10일차-3

Eslint 코드에서 발견되는 문제 패턴을 식별하기 위한 정적 코드 분석 도구이다. ESLint의 규칙은 직접 정의할 수 있으며 Airbnb, Google등과 같이 이미 정의된 규칙을 불러올 수 있다. 사용하게 되면 규칙을 정해서 코드를 작성해야 하므로 협업을 하는데

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

삽질시리즈 prettier

빠른요약 Unexpected closing tag "body". It may happen when the tag has already been closed by another tag.body 태그에 문제가 있다고 log에 뜬다면? body 태그뿐 아니라 종속되어 있는

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

React에 Prettier 적용

코드의 가독성은 매우 중요하다. 프로젝트를 하다보면 개개인의 코드 작성 스타일이 다르기 때문에 이를 통일화 해서 코드를 작성하여야 한다 . 누구는 Tab을 2칸으로 띄우는 반면에 4칸으로 띄우는 사람도 있고, 세미콜론을 찍는 사람도 있는데 찍지 않는 사람도 있다. 이러

2022년 1월 12일
·
0개의 댓글

VSC prettier 적용하기

설정 검색창에서1.editor format on save 입력 후 Editor:Format On Save 체크2.Default Formatter 입력 후 Editor: Default Formatter를 esbenp.prettier-vscode로 선택(한글판일 경우 뒤

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

2022-01-05_TIL

프로젝트별 prettier 설정 적용 에러 eslint-plugin-prettier

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

Node.js SCSS설치하기

분명 나는.. 인강을들으며 다 설치를 했는데.. 이걸 다시 사용하려니 원체 생각이 안나는거다.. ㅠㅠㅠ어디가서 나 Node.js 써봤다.  Sass, SCSS  써봤다!  라고 말을 해도 설치를 할 줄 몰라서 버벅이고 싶지 않아서 velog에 글을 써놔야 겠다 마음을

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

넌 못지나간다. eslint, prettier 무한 훈수 충돌

eslint: 님 () 좀 쓰셈;; prettier: 님 () 왜씀? 내가 지우겠슴 ㅋㅋ루삥뽕 나: 하....

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

vscode eslint, prettier conflict

vscode 에 eslint, prettier 확장 프로그램 사용.react-native project 에 eslintrc.js, prettier.js 설정하여 사용.eslint는 기본으로 설치가 되어 있기에 따로 설치하지 않는다. 설치 되어 있지 않다면 설치.ext

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

학생 관리 시스템 #2 - API 보일러 플레이트(node/express/ts)

역시 사용한 경험이 있는 node/express 조합을 가져가기로 했다.

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

prettier 설정

아래 nhn의 기술블로그 글을 참조하여 프리티어 설정NHN 기술블로그module.exports = { singleQuote: true, tabWidth: 2, semi: true, jsxSingleQuote: true, trailingComma: 'es5',

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

react세팅 ( webpack, eslint, prettier )

react 프로젝트 시작 전 세팅

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