# Prettier
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...
Integrating Prettier & ESLint with Airbnb Style Guide in VSCode
Integrating Prettier & ESLint with Airbnb Style Guide in VSCode React 프로젝트를 하다보면 Prettier와 ESLint는 필수적인 extension이라고 생각된다. 물론 처음 코딩을 연습할 때는 그들의 존재를 모르고 시작했으며 최대한 가독성 좋게 formatting을 수동으로 하려고 했다. 또한 유명...
CRA로 typescript 개발환경 설정하기
REACT 공식문서를 보고 typescript에 맞는 CRA로 개발환경 설정해보기 1. CRA 참 편한 CRA. 이젠 typescript까지 자동으로 설정해준다. 간단하게 이 명령어 하나로 끝이난다. manually setting up은 나중에 해보자. 2. ESLINT와 PRETTIER 설정 코드를 간편하게 작성하게 도와주는 eslint와 prett...
[Project -achieve] Eslint & prettier 설정
이제 개발환경에 Eslint와 prettier를 설정해야한다. Eslint, 에어 비앤비의 구성 및 필수 패키지를 설치한다. image.png Prettier, 그리고 Eslint와의 충돌을 피하기 위한 패키지를 설치한다. image.png husky와 lint-staged, 그리고 pretty-quick을 설치한다. husky : git hoo...
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...
VSCode에서 웹팩 ESLint + Prettier 함께 사용하기
환경 macOS Mojave 10.14.6 vscode node v10.16 CRA를 사용하지 않고 웹팩을 이용해서 빌드하려고 합니다. ESLint 자바스크립트용 Linter Linter 소스코드 분석해 정해진 규칙 체크 Formatting rules 한줄 최대길이, comma 스타일, ' or ", ... Code-quality rules ...
JavaScript code 컨벤션 자동화
코딩 컨벤션이란? 코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 코딩 스타일 규약이다. 코딩 컨벤션은 왜 필요한가? 여러 개발자가 협업해야하는 상황에서 일종의 규약이 있다면, 유지보수 및 가독성이 좋아져, 협업이 쉬워진다. 특히, 자바스크립트의 경우 다른 언어의 비해 문법구조가 유연하기 때문에, 통일된 규약이 없다면 오류를 ...
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...
리액트 배우다가 하소연..
벨로퍼트님 책 사서 리액트 배우고 있는데 산지 며칠만에 CAR가 V2로 업데이트 되면서 많은게 바뀌었나봐요..ㅠㅠ 우선 eslint와 prettier 설정이 예전 책 사기 전부터 잘 안돼서 고민이었는데 이번에 올려주셔서 완전 기뻤어요.. eslint덕분에 개발 서버가 잘 작동 안되기 전까진.. 원래는 eslint에서 오류나더라도 개발서버에서 오류가 나진...
Today I Learned (Oct)
Banner made by Banner Maker Develop Log 2018.10.19 - 2018.10.28 공부했거나 알게 된 내용을 모아서 정리하는 글을 종종 쓰려고 합니다. 영문 작성 연습을 겸하고 있으니 틀린 표현이나 오타가 있다면 편하게 알려주세요 :) Useful Things 🎨 Code Formatter Recommanded C...
리액트 프로젝트에 ESLint 와 Prettier 끼얹기
ESLint 와 Prettier 를 리액트 프로젝트에서 제대로 적용하여 코드를 깔-끔-하게 관리해보는 방법을 배워봅시다.