SlideShare a Scribd company logo
Prettier
💊💰😆
🤔
Prettier?
🙄
또 하나의 코드 포매터
사실 그닥 새로운 것도 아님
근데 왜 이렇게
핫해요?
{
“printWidth”: 60
}
Prettier 소개
Prettier 소개
Inspired by
Refmt
Prettier 소개
“Opinionated Code Formatter”
코드 스타일 강제
😤
그래서 그거 쓰면
좋아요?
음냐 여긴 잘 안보이지
코드를 보기좋게 해줌
타이핑이 줄어듦
까먹은 기호 채워줌
빨간줄의 고통에서 해방
시몬스급 편안-함
이제 Prettier 없이는 코드를 못짜는 몸
특히나 잘까먹는
Trailing
comma
그외에도 해주는 것들
따옴표 VS 쌍따옴표
탭 VS 스페이스
괄호 간격
세미콜론
JSX 괄호
냠냠냠🎉
팀원과 함께 쓰면
효과가 N배일거라 예상(…)
😁😗😃
Pre-commit Hook
팀원과 쓰기 위한
lint-staged & husky
{
"scripts": {
"precommit": "lint-staged"
},
"lint-staged": {
"*.{js}": ["prettier --write", "git add"]
}
}
💯
아쉬웠던 점
항상 개행하는 옵션 ❌
호불호 갈릴 법한 😵
Linting은
대체할 수 없음
이외에도 가끔씩
거슬릴 때가 있었는데
기억이 안나요
😩
그래도
만족도가
더 컸습니다
😀
끗
👋

More Related Content

PPTX
SiegeMode! C++ Advanced Project Ver
PPTX
Boss2D 설치과정
PDF
웹표준과 자동화의 약속된 승리
PPTX
Django Girls 12월 Meetup 발표 자료
PPTX
팩토리 메소드 패턴과 추상 팩토리 패턴
PPTX
Javascript 박재은
PDF
WebAssembly 101
PDF
Puppeteer: Getting Started
SiegeMode! C++ Advanced Project Ver
Boss2D 설치과정
웹표준과 자동화의 약속된 승리
Django Girls 12월 Meetup 발표 자료
팩토리 메소드 패턴과 추상 팩토리 패턴
Javascript 박재은
WebAssembly 101
Puppeteer: Getting Started

More from HyunSeob Lee (8)

PDF
[I/O Extended 2019 Incheon] What's new in the Web
PDF
컴포넌트 제대로 만들기
PDF
토스 이직기 & 적응기 (99Con)
PDF
MobX & MST: 편안한 State Management
PDF
Type System in TypeScript
PDF
개발자라면, 블로그
PDF
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
PDF
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
[I/O Extended 2019 Incheon] What's new in the Web
컴포넌트 제대로 만들기
토스 이직기 & 적응기 (99Con)
MobX & MST: 편안한 State Management
Type System in TypeScript
개발자라면, 블로그
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
Ad

Prettier 소개