사내 공유용으로 제작한 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. 끗
👋