Submit Search
Prettier 소개
0 likes
628 views
HyunSeob Lee
사내 공유용으로 제작한 Prettier 소개 슬라이드입니다.
Software
Read more
1 of 26
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
More Related Content
PPTX
SiegeMode! C++ Advanced Project Ver
Seokmin No
PPTX
Boss2D 설치과정
Bonex Gu
PDF
웹표준과 자동화의 약속된 승리
Young-Ho Cha
PPTX
Django Girls 12월 Meetup 발표 자료
seungdols
PPTX
팩토리 메소드 패턴과 추상 팩토리 패턴
GeniusYG
PPTX
Javascript 박재은
재은 박
PDF
WebAssembly 101
HyunSeob Lee
PDF
Puppeteer: Getting Started
HyunSeob Lee
SiegeMode! C++ Advanced Project Ver
Seokmin No
Boss2D 설치과정
Bonex Gu
웹표준과 자동화의 약속된 승리
Young-Ho Cha
Django Girls 12월 Meetup 발표 자료
seungdols
팩토리 메소드 패턴과 추상 팩토리 패턴
GeniusYG
Javascript 박재은
재은 박
WebAssembly 101
HyunSeob Lee
Puppeteer: Getting Started
HyunSeob Lee
More from HyunSeob Lee
(8)
PDF
[I/O Extended 2019 Incheon] What's new in the Web
HyunSeob Lee
PDF
컴포넌트 제대로 만들기
HyunSeob Lee
PDF
토스 이직기 & 적응기 (99Con)
HyunSeob Lee
PDF
MobX & MST: 편안한 State Management
HyunSeob Lee
PDF
Type System in TypeScript
HyunSeob Lee
PDF
개발자라면, 블로그
HyunSeob Lee
PDF
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
HyunSeob Lee
PDF
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
HyunSeob Lee
[I/O Extended 2019 Incheon] What's new in the Web
HyunSeob Lee
컴포넌트 제대로 만들기
HyunSeob Lee
토스 이직기 & 적응기 (99Con)
HyunSeob Lee
MobX & MST: 편안한 State Management
HyunSeob Lee
Type System in TypeScript
HyunSeob Lee
개발자라면, 블로그
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
HyunSeob Lee
Ad
Prettier 소개
1.
Prettier 💊💰😆
2.
🤔 Prettier?
3.
🙄 또 하나의 코드
포매터 사실 그닥 새로운 것도 아님
4.
근데 왜 이렇게 핫해요?
5.
{ “printWidth”: 60 }
8.
Inspired by Refmt
10.
“Opinionated Code Formatter” 코드
스타일 강제 😤
11.
그래서 그거 쓰면 좋아요?
12.
음냐 여긴 잘
안보이지 코드를 보기좋게 해줌 타이핑이 줄어듦 까먹은 기호 채워줌 빨간줄의 고통에서 해방 시몬스급 편안-함 이제 Prettier 없이는 코드를 못짜는 몸
13.
특히나 잘까먹는
14.
Trailing comma
15.
그외에도 해주는 것들 따옴표
VS 쌍따옴표 탭 VS 스페이스 괄호 간격 세미콜론 JSX 괄호 냠냠냠🎉
16.
팀원과 함께 쓰면 효과가
N배일거라 예상(…) 😁😗😃
17.
Pre-commit Hook 팀원과 쓰기
위한
18.
lint-staged & husky
19.
{ "scripts": { "precommit": "lint-staged" }, "lint-staged":
{ "*.{js}": ["prettier --write", "git add"] } } 💯
20.
아쉬웠던 점
21.
항상 개행하는 옵션
❌
22.
호불호 갈릴 법한
😵
23.
Linting은 대체할 수 없음
24.
이외에도 가끔씩 거슬릴 때가
있었는데 기억이 안나요 😩
25.
그래도 만족도가 더 컸습니다 😀
26.
끗 👋
Download