# Prettier

12개의 포스트

Next.js + typescript 환경설정 (ESLint, Prettier)

Setup project with create-next-app -e with-typescript (details : https://medium.com/@ss_81611/how-to-setup-a-nextjs-project-with-typescript-4a8a966353f2) .eslintrc.js .prettierrc.js package.json d...

2020년 2월 9일
·
0개의 댓글

Integrating Prettier & ESLint with Airbnb Style Guide in VSCode

Integrating Prettier & ESLint with Airbnb Style Guide in VSCode React 프로젝트를 하다보면 Prettier와 ESLint는 필수적인 extension이라고 생각된다. 물론 처음 코딩을 연습할 때는 그들의 존재를 모르고 시작했으며 최대한 가독성 좋게 formatting을 수동으로 하려고 했다. 또한 유명...

2020년 1월 27일
·
0개의 댓글

CRA로 typescript 개발환경 설정하기

REACT 공식문서를 보고 typescript에 맞는 CRA로 개발환경 설정해보기 1. CRA 참 편한 CRA. 이젠 typescript까지 자동으로 설정해준다. 간단하게 이 명령어 하나로 끝이난다. manually setting up은 나중에 해보자. 2. ESLINT와 PRETTIER 설정 코드를 간편하게 작성하게 도와주는 eslint와 prett...

2020년 1월 21일
·
0개의 댓글

[Project -achieve] Eslint & prettier 설정

이제 개발환경에 Eslint와 prettier를 설정해야한다. Eslint, 에어 비앤비의 구성 및 필수 패키지를 설치한다. image.png Prettier, 그리고 Eslint와의 충돌을 피하기 위한 패키지를 설치한다. image.png husky와 lint-staged, 그리고 pretty-quick을 설치한다. husky : git hoo...

2020년 1월 2일
·
0개의 댓글

react (CRA) + typescript + ESLint + Prettier + Husky + lint-staged + Storybook + polyfill 세팅

항상 눈팅만 하고 있는 velog에서... 여러정보를 받아온 1인으로써 작은 공유가 되길 바라며 이 글 하나를 적고 갑니다 :) 제(목은) 곧 내(용)... 제.곧.내! 모든 세팅은 2019년 12월 13일을 기준으로 최신을 반영했습니다. 아, react-script만 3.2.0으로 바꿨습니다. 열심히 삽질해본 결과 3.3.0에선 react-app-po...

2019년 12월 26일
·
0개의 댓글

VSCode에서 웹팩 ESLint + Prettier 함께 사용하기

환경 macOS Mojave 10.14.6 vscode node v10.16 CRA를 사용하지 않고 웹팩을 이용해서 빌드하려고 합니다. ESLint 자바스크립트용 Linter Linter 소스코드 분석해 정해진 규칙 체크 Formatting rules 한줄 최대길이, comma 스타일, ' or ", ... Code-quality rules ...

2019년 12월 15일
·
0개의 댓글

JavaScript code 컨벤션 자동화

코딩 컨벤션이란? 코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 코딩 스타일 규약이다. 코딩 컨벤션은 왜 필요한가? 여러 개발자가 협업해야하는 상황에서 일종의 규약이 있다면, 유지보수 및 가독성이 좋아져, 협업이 쉬워진다. 특히, 자바스크립트의 경우 다른 언어의 비해 문법구조가 유연하기 때문에, 통일된 규약이 없다면 오류를 ...

2019년 10월 27일
·
0개의 댓글

TIL - 19/09/21

4주 프로젝트 DAY 5 tslint type warning vscode extension live share tslint + prettier 연동하기 eslint? prettier? tslint type warning 처리하기 Use an interface instead of a type literal. (interface-over-type-liter...

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

리액트 배우다가 하소연..

벨로퍼트님 책 사서 리액트 배우고 있는데 산지 며칠만에 CAR가 V2로 업데이트 되면서 많은게 바뀌었나봐요..ㅠㅠ 우선 eslint와 prettier 설정이 예전 책 사기 전부터 잘 안돼서 고민이었는데 이번에 올려주셔서 완전 기뻤어요.. eslint덕분에 개발 서버가 잘 작동 안되기 전까진.. 원래는 eslint에서 오류나더라도 개발서버에서 오류가 나진...

2018년 10월 31일
·
2개의 댓글
post-thumbnail

Today I Learned (Oct)

Banner made by Banner Maker Develop Log 2018.10.19 - 2018.10.28 공부했거나 알게 된 내용을 모아서 정리하는 글을 종종 쓰려고 합니다. 영문 작성 연습을 겸하고 있으니 틀린 표현이나 오타가 있다면 편하게 알려주세요 :) Useful Things 🎨 Code Formatter Recommanded C...

2018년 10월 28일
·
5개의 댓글
post-thumbnail

리액트 프로젝트에 ESLint 와 Prettier 끼얹기

ESLint 와 Prettier 를 리액트 프로젝트에서 제대로 적용하여 코드를 깔-끔-하게 관리해보는 방법을 배워봅시다.

2018년 10월 25일
·
22개의 댓글