Submit Search
Upload
Prettier 소개
•
0 likes
•
622 views
HyunSeob Lee
Follow
사내 공유용으로 제작한 Prettier 소개 슬라이드입니다.
Read less
Read more
Software
Report
Share
Report
Share
1 of 26
Download now
Download to read offline
Recommended
Siege mode! C++ Advanced Project Ver
SiegeMode! C++ Advanced Project Ver
SiegeMode! C++ Advanced Project Ver
Seokmin No
보스엔진의 설치과정을 설명합니다.
Boss2D 설치과정
Boss2D 설치과정
Bonex Gu
python과 webkit을 이용해서 영화표를 자동으로 예매했던 경험을 공유한 발표자료입니다. python korea 2013년 5월에 사용했었습니다. 현재 자동예매 스크립트는 각 영화관 사이트의 개편으로 인해 동작하지 않습니다. OTL
웹표준과 자동화의 약속된 승리
웹표준과 자동화의 약속된 승리
Young-Ho Cha
Django Girls 12월 Meetup 발표 자료입니다. 발표때, 하지 못했던 이야기와 했던 이야기를 발표자료에 추가하여 업로드 합니다.
Django Girls 12월 Meetup 발표 자료
Django Girls 12월 Meetup 발표 자료
seungdols
팩토리 메소드 패턴과 추상 팩토리 패턴
팩토리 메소드 패턴과 추상 팩토리 패턴
팩토리 메소드 패턴과 추상 팩토리 패턴
GeniusYG
Javascript언어에 대한 기초적인 내용 및 실습과제입니다. 코드아카데미와 생활코딩을 통해 공부한 내용입니다.
Javascript 박재은
Javascript 박재은
재은 박
2019년 7월 13일 I/O Extended 2019 WebTech WebAssembly 101 세션에서 사용한 발표자료 입니다.
WebAssembly 101
WebAssembly 101
HyunSeob Lee
2019년 7월 13일 I/O Extended 2019 WebTech Puppeteer: Getting Started 세션에서 사용한 발표자료 입니다.
Puppeteer: Getting Started
Puppeteer: Getting Started
HyunSeob Lee
Recommended
Siege mode! C++ Advanced Project Ver
SiegeMode! C++ Advanced Project Ver
SiegeMode! C++ Advanced Project Ver
Seokmin No
보스엔진의 설치과정을 설명합니다.
Boss2D 설치과정
Boss2D 설치과정
Bonex Gu
python과 webkit을 이용해서 영화표를 자동으로 예매했던 경험을 공유한 발표자료입니다. python korea 2013년 5월에 사용했었습니다. 현재 자동예매 스크립트는 각 영화관 사이트의 개편으로 인해 동작하지 않습니다. OTL
웹표준과 자동화의 약속된 승리
웹표준과 자동화의 약속된 승리
Young-Ho Cha
Django Girls 12월 Meetup 발표 자료입니다. 발표때, 하지 못했던 이야기와 했던 이야기를 발표자료에 추가하여 업로드 합니다.
Django Girls 12월 Meetup 발표 자료
Django Girls 12월 Meetup 발표 자료
seungdols
팩토리 메소드 패턴과 추상 팩토리 패턴
팩토리 메소드 패턴과 추상 팩토리 패턴
팩토리 메소드 패턴과 추상 팩토리 패턴
GeniusYG
Javascript언어에 대한 기초적인 내용 및 실습과제입니다. 코드아카데미와 생활코딩을 통해 공부한 내용입니다.
Javascript 박재은
Javascript 박재은
재은 박
2019년 7월 13일 I/O Extended 2019 WebTech WebAssembly 101 세션에서 사용한 발표자료 입니다.
WebAssembly 101
WebAssembly 101
HyunSeob Lee
2019년 7월 13일 I/O Extended 2019 WebTech Puppeteer: Getting Started 세션에서 사용한 발표자료 입니다.
Puppeteer: Getting Started
Puppeteer: Getting Started
HyunSeob Lee
I/O Extended 2019 Incheon에서 발표한 발표자료입니다.
[I/O Extended 2019 Incheon] What's new in the Web
[I/O Extended 2019 Incheon] What's new in the Web
HyunSeob Lee
2019년 5월 27일 "Innovation Lab Korea from Facebook"에서 열렸던 “React 사용자를 위한 리액트 부트캠프“의 5일차 강의자료입니다.
컴포넌트 제대로 만들기
컴포넌트 제대로 만들기
HyunSeob Lee
2019년 3월 2일 이상한모임에서 주최한 99Con에서 발표했던 자료입니다.
토스 이직기 & 적응기 (99Con)
토스 이직기 & 적응기 (99Con)
HyunSeob Lee
MobX와 MobX State Tree를 이용해 React 앱에서 State Management를 하는 방법에 대해 다룹니다. 2018년 8월 8일 네이버 FE DevTalk에서 발표한 자료입니다. 발표자료에 포함된 Demo 링크: https://stackblitz.com/edit/mst-normalized?file=index.ts
MobX & MST: 편안한 State Management
MobX & MST: 편안한 State Management
HyunSeob Lee
2017년 타입스크립트 유저 그룹 기술 세미나에서 발표한 자료입니다.
Type System in TypeScript
Type System in TypeScript
HyunSeob Lee
9XD 2017년 2월 모임에서 발표한 자료입니다.
개발자라면, 블로그
개발자라면, 블로그
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 손소만 MSP의 'Unity + C 시작하기, 참 쉽죠?'라는 이름의 세션에서 사용했던 발표자료입니다.
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 이현섭 MSP의 '열정넘치는 당신이 마이크로소프트와 할 수 있는 것들'이라는 주제의 세션에서 사용했던 발표자료 입니다.
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
HyunSeob Lee
24년도 졸업작품 발표회 ppt
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
cho9759
교내 구성원들이 캠퍼스 내의 다양한 위치와 이벤트 정보에 쉽게 접근하고 상호작용할 수 있도록 돕습니다.
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
pcupcu20831004
인천대학교 캡스톤디자인(2)
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
justuser0129
for graduation
INU Graduation Powerpoint-Rabbit FootPrint
INU Graduation Powerpoint-Rabbit FootPrint
ahghwo99
유튜브에서 방송한 자료입니다. 오늘자 방송: https://www.youtube.com/watch?v=rPQghvkPu-o
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
Jay Park
오늘자 강의: https://www.youtube.com/watch?v=9T038saCzVE&list=PLdntWJk2tJPJuQctXMbRDdr9TWOsXClm6
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
Jay Park
DataLocker ‘SafeConsole(세이프콘솔)’은 암호화 보안 USB, 외장하드, 가상 드라이브를 사용할 경우, 위치, 수량에 관계없이 중앙에서 완벽하고 세밀하게 관리/통제하는 중앙관리 플랫폼입니다. 구축 방식은 On-premise 또는 Cloud로 선택 가능하며, 연간(1년, 3년) 라이선스로 제공합니다. 필요한 기능에 따라 DeviceControl, Anti-Malware, PortBlocker, SafeCrypt 제품을 선택하여 구매 가능합니다. 조직은 SafeConsole를 통해 암호화된 USB 드라이브, USB 포트 및 암호화된 가상 드라이브를 어디서나 쉽게 프로비저닝, 보안, 관리 및 감사할 수 있습니다. SafeConsole 상세 소개 및 견적 비용은 소프트와이드시큐리티로 문의 바랍니다. DataLocker 한국 총판 | 소프트와이드시큐리티 ▶ 홈페이지 : https://www.datalocker.kr/ ▶ 문의 : 02-6052-5701
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
Softwide Security
More Related Content
More from HyunSeob Lee
I/O Extended 2019 Incheon에서 발표한 발표자료입니다.
[I/O Extended 2019 Incheon] What's new in the Web
[I/O Extended 2019 Incheon] What's new in the Web
HyunSeob Lee
2019년 5월 27일 "Innovation Lab Korea from Facebook"에서 열렸던 “React 사용자를 위한 리액트 부트캠프“의 5일차 강의자료입니다.
컴포넌트 제대로 만들기
컴포넌트 제대로 만들기
HyunSeob Lee
2019년 3월 2일 이상한모임에서 주최한 99Con에서 발표했던 자료입니다.
토스 이직기 & 적응기 (99Con)
토스 이직기 & 적응기 (99Con)
HyunSeob Lee
MobX와 MobX State Tree를 이용해 React 앱에서 State Management를 하는 방법에 대해 다룹니다. 2018년 8월 8일 네이버 FE DevTalk에서 발표한 자료입니다. 발표자료에 포함된 Demo 링크: https://stackblitz.com/edit/mst-normalized?file=index.ts
MobX & MST: 편안한 State Management
MobX & MST: 편안한 State Management
HyunSeob Lee
2017년 타입스크립트 유저 그룹 기술 세미나에서 발표한 자료입니다.
Type System in TypeScript
Type System in TypeScript
HyunSeob Lee
9XD 2017년 2월 모임에서 발표한 자료입니다.
개발자라면, 블로그
개발자라면, 블로그
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 손소만 MSP의 'Unity + C 시작하기, 참 쉽죠?'라는 이름의 세션에서 사용했던 발표자료입니다.
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
HyunSeob Lee
Unity & Visual Studio로 하는 게임개발 세미나 이현섭 MSP의 '열정넘치는 당신이 마이크로소프트와 할 수 있는 것들'이라는 주제의 세션에서 사용했던 발표자료 입니다.
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
HyunSeob Lee
More from HyunSeob Lee
(8)
[I/O Extended 2019 Incheon] What's new in the Web
[I/O Extended 2019 Incheon] What's new in the Web
컴포넌트 제대로 만들기
컴포넌트 제대로 만들기
토스 이직기 & 적응기 (99Con)
토스 이직기 & 적응기 (99Con)
MobX & MST: 편안한 State Management
MobX & MST: 편안한 State Management
Type System in TypeScript
Type System in TypeScript
개발자라면, 블로그
개발자라면, 블로그
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
Unity & Visual Studio로 하는 게임개발 세미나 (손소만)
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
Unity & Visual Studio로 하는 게임개발 세미나 (이현섭)
Recently uploaded
24년도 졸업작품 발표회 ppt
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
cho9759
교내 구성원들이 캠퍼스 내의 다양한 위치와 이벤트 정보에 쉽게 접근하고 상호작용할 수 있도록 돕습니다.
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
pcupcu20831004
인천대학교 캡스톤디자인(2)
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
justuser0129
for graduation
INU Graduation Powerpoint-Rabbit FootPrint
INU Graduation Powerpoint-Rabbit FootPrint
ahghwo99
유튜브에서 방송한 자료입니다. 오늘자 방송: https://www.youtube.com/watch?v=rPQghvkPu-o
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
Jay Park
오늘자 강의: https://www.youtube.com/watch?v=9T038saCzVE&list=PLdntWJk2tJPJuQctXMbRDdr9TWOsXClm6
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
Jay Park
DataLocker ‘SafeConsole(세이프콘솔)’은 암호화 보안 USB, 외장하드, 가상 드라이브를 사용할 경우, 위치, 수량에 관계없이 중앙에서 완벽하고 세밀하게 관리/통제하는 중앙관리 플랫폼입니다. 구축 방식은 On-premise 또는 Cloud로 선택 가능하며, 연간(1년, 3년) 라이선스로 제공합니다. 필요한 기능에 따라 DeviceControl, Anti-Malware, PortBlocker, SafeCrypt 제품을 선택하여 구매 가능합니다. 조직은 SafeConsole를 통해 암호화된 USB 드라이브, USB 포트 및 암호화된 가상 드라이브를 어디서나 쉽게 프로비저닝, 보안, 관리 및 감사할 수 있습니다. SafeConsole 상세 소개 및 견적 비용은 소프트와이드시큐리티로 문의 바랍니다. DataLocker 한국 총판 | 소프트와이드시큐리티 ▶ 홈페이지 : https://www.datalocker.kr/ ▶ 문의 : 02-6052-5701
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
Softwide Security
Recently uploaded
(7)
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
캡스톤-디자인-최종-발표-(대상혁) 24년도 졸업작품발표회 ppt.pptx
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
인천대학교 컴퓨터공학과 아틀란티스 졸업작품 commINUty PPT
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
인천대학교 캡스톤디자인(2) Pencil me 프레젠테이션 발표자료 파일
INU Graduation Powerpoint-Rabbit FootPrint
INU Graduation Powerpoint-Rabbit FootPrint
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
2024년 5월 27일 개발자 이야기 - AWS 람다의 내부 동작 방식 외
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
(독서광) 대격변 AI 시대, 데이터로 사고하고 데이터로 리드하라
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
암호화 보안USB & 외장하드 중앙관리 솔루션 ‘DataLocker SafeConsole’_DATASHEET
Prettier 소개
1.
Prettier 💊💰😆
2.
🤔 Prettier?
3.
🙄 또 하나의 코드
포매터 사실 그닥 새로운 것도 아님
4.
근데 왜 이렇게 핫해요?
5.
{ “printWidth”: 60 }
6.
7.
8.
Inspired by Refmt
9.
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 now