# Prettier

26개의 포스트
post-thumbnail

TIL #12 1차 프로젝트 react 초기 세팅

1차 프로젝트에 앞서 프로젝트에 필요한 react 초기 세팅을 진행하고자 한다.1\. CRA (Create-React-App) 설치CRA는 문자 뜻 그대로 React 앱을 만들어주는 도구이다.React 프로젝트 개발환경 구축을 처음부터 설정하는 것은 React를 처음

2020년 6월 21일
·
0개의 댓글
post-thumbnail

정말! 딱! 필요한 깔끔한 react + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅

본 세팅은 2020-06-13 기준입니다. react (CRA3) + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅)

2020년 6월 13일
·
0개의 댓글
post-thumbnail

ESLint & Prettier, Airbnb Style Guide로 설정하기

코드의 가독성을 높혀주고 에러나 컨벤션에 관한 경고 해주는 유명한 툴이 있는데바로 ESLint와 Prettier입니다. 매번 멘토님의 블로그를 보고 설치하고 설정하고 사용하던 ESLint와 Prettier를 가장 유명한 컨벤션인 airbnb style guide를 적용

2020년 5월 20일
·
0개의 댓글
post-thumbnail

[Front-end] ESLint + Prettier 세팅하기

WDMA의 SPA를 만들기 앞서 프론트엔드 개발에 맞는 ESLINT-Prettier 세팅에 대해 간략히 정리하고자 한다.프론트엔드에선 리액트 컴포넌트나 리덕스의 상태관리 구조가 복잡하고 휴먼에러를 발생시킬 여지가 많다고 판단하여 airbnb 설정을 이용하여 다소 빡세게

2020년 5월 20일
·
0개의 댓글
post-thumbnail

github blog 생성하기 (feat. gatsby)

github blog 이전에 슬쩍 만들어둔 깃헙 블로그를 쓰지 않고 방치하고 있었는데, 쉬는 동안 블로그 스킨도 바꿔보고 어떻게 사용하는 건지 찬찬히 살펴보려 한다. create repository 먼저 깃헙 블로그를 위해 레포지토리를 생성했다. 레포지토리명은 아이디

2020년 5월 12일
·
0개의 댓글
post-thumbnail

[Back-end] ESLint, Prettier 설정하기

본격적으로 개발을 진행하기에 앞서 그 동안 막연히 사용하였던 ESLint와 Prettier 함께 이용하는 개발환경 세팅을 백엔드와 프론트엔드로 나누어 다뤄 보고자 한다.ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나

2020년 4월 26일
·
0개의 댓글
post-thumbnail

[Next.js] 프로젝트 기초 세팅하기 - ESLint, Prettier 는 필수!

Next.js 프로젝트에서 ESLint, Prettier 설정하기. ESLint Airbnb config 적용하기.

2020년 4월 24일
·
0개의 댓글
post-thumbnail

VSCode에서 ESLint와 Prettier (+ TypeScript) 사용하기

VSCode 환경에서 ESLint와 Prettier를 TypeScript를 사용하는 프로젝트에 활용하기 위해 설정하는 방법을 알아봅니다.

2020년 4월 13일
·
1개의 댓글

CRA TypeScript - ESLint, Prettier Settings

Setup ESLint, Prettier

2020년 3월 26일
·
0개의 댓글
post-thumbnail

CRA 프로젝트에 ESLint & Prettier 추가하기

프로젝트를 시작하고 각 개인의 IDE의 설정을 각각 해주었는데, 알아보니 프로젝트에서 사용하는 코딩컨밴션을 맞추는 방법이 따로 존재했다! 이런 유용한 것 & 알아두면 좋은 것은 바로 정리해둬야징!자바스크립트 문법이나 코딩컨벤션을 검사하는 도구. 미처발견하지 못한 코딩실

2020년 3월 7일
·
0개의 댓글
post-thumbnail

ESLint 와 Prettier 통합

VSCode에서 prettier와 eslint 같이 사용하는 경우, 충돌이 발생하는 부분이 있습니다.VSCode에서 파일 저장시 자동포맷팅(formatOnSave) 기능을 활성화 하면,Prettier와 ESLint 모두 코드 포맷을 수정하기 때문에, 상충되는 설정을

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ESLint 와 Prettier 적용

이 문서에서 사용하는 Prettier 버전은 1.19.1 입니다. (2020.03.02)Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터 입니다.코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와

2020년 3월 2일
·
0개의 댓글
post-thumbnail

ESLint 소개

React와 Vue를 사용하면서 cli를 통해 프로젝트를 생성하면 자동으로 eslint 설정이 만들어지는데, 늘 궁금했지만 귀찮아서 모르는척 지나친 날이 많았습니다. 코로나 때문에 강제 재택근무를 하게되어 남는시간에 eslint에 대해서 조금(?) 파헤쳐볼 생각으로 이

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

[TIL] 28. React - ESLint & Prettier

1. ESLint > ESLint란? 자바스크립트 문법이나 code convention을 검사하는 도구(linting utility)이다. 자바스크립트는 정적 컴파일을 하지 않는 인터프리터 언어이기 때문에 사소한 타이핑 실수를 알아채지 못한 채 잘못된 프로그램을 배

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

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-4a8a96635

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

CRA로 typescript 개발환경 설정하기

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

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

[Achieve] Eslint & prettier 설정

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

2020년 1월 2일
·
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개의 댓글