유튜브에서 방송한 자료입니다. https://www.youtube.com/watch?v=cX5CqBuKHL8&list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg&index=2

1. 2006~2020년 사이 최고의
자바스크립트 프로젝트는?
Jay(박재호, jrogue@gmail.com)
OKdevTV2020년 8월 15일 개발 이야기

2. 참고자료
• <컴퓨터 vs 책> 블로그
http://jhrogue.blogspot.com/
• 오늘자 방송
https://www.youtube.com/watch?v=cX5CqBuKHL8&list=PLdntWJk2tJPKvRB0mSqC5
tyKUv7HFtcqg&index=2
• 유튜브 채널 OKdevTV > 재미있는 개발 이야기 리스트
https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5tyKUv7HFtcqg
• 슬라이드 셰어
https://www.slideshare.net/jrogue/presentations OKdevTV

3. Your morning geek joke. via @thetsmorgan
오늘의 짤방
OKdevTV

4. ① (Go 언어를 만든) 롭 파이크의 다섯 가지 프로그래밍 규칙
② 👑 JavaScript 번들러로 본 조선시대 붕당의 이해
③ 한 단계씩 QR 코드 생성하기
④ Cracking Vue.js(패스트캠퍼스 강의 자료)
⑤ 구글 자동 완성 기능을 사용한 ... vs 연관 그래프
⑥ 윈도우 최고의 마크다운 에디터는?
⑦ 2006~2020년 사이 최고의 자바스크립트 프로젝트는?
⑧ 항공기 소프트웨어 업데이트는 어떻게 할까?
오늘의 소개할 내용
OKdevTV

5. • http://users.ece.utexas.edu/~adnan/pike.html
• 다섯 가지 프로그래밍 규칙
• 규칙 1: 프로그램이 시간을 어디서 많이 소비할지 예측할 수 없다. 깜짝 놀랄만한 곳에서 병목이 발생하므
로 뒷북 치는 대신 병목이 어디 있는지 증명할 때까지 빠른 속도로 해킹하자.
• 규칙 2: 측정하자. 측정하기 전까지 속도 조율에 나서지 말고, 심지어 측정하고 나서도 코드의 일부가 나머
지를 압도하지 않을 경우라면 조율에 나서지 말자.
• 규칙 3: 멋진 알고리즘은 n이 작을 경우 느린데, n은 일반적으로 작다. 멋진 알고리즘은 상수값이 크다. n
이 종종 커질 것이라는 사실을 알 때까지 멋진 알고리즘을 적용하지 말자(심지어 n이 크더라도, 규칙 2를
먼저 적용하자).
• 규칙 4: 멋진 알고리즘은 단순한 알고리즘보다 버그가 많으며, 구현하기가 훨씬 더 힘들다. 단순한 자료 구
조는 물론이고 단순한 알고리즘을 사용하자.
• 규칙 5: 데이터가 지배한다. 올바른 자료 구조를 택했고, 제대로 조직화했으면, 알고리즘은 거의 항상 자명
하게 드러날 것이다. 알고리즘이 아닌 자료 구조가 프로그램의 중심이다.
(오늘의 논쟁) (Go 언어를 만든) 롭 파이크의 다섯 가지
프로그래밍 규칙
OKdevTV
1

6. OKdevTV
(개발) 👑 JavaScript 번들러로 본 조선시대 붕당의 이해
➢https://wormwlrm.github.io/2020/08/12/History-of-JavaScript-Modules-and-Bundlers.html
2

7. OKdevTV
(개발) 한 단계씩 QR 코드 생성하기3
• https://www.nayuki.io/page/creating-a-qr-code-step-by-step

8. OKdevTV
(개발) Cracking Vue.js(패스트캠퍼스 강의 자료)4
https://joshua1988.github.io/vue-camp/
패스트캠퍼스의 Vue로 구현하는 PWA 캠프와 Vue.js 정복 캠프 오프라인 수업 자료

9. • https://github.com/anvaka/vs
• https://anvaka.github.io/vs/
OKdevTV
(개발) 구글 자동 완성 기능을 사용한 ... vs 연관 그래프
5

10. • https://www.slant.co/topics/1852/~best-markdown-editors-for-windows
OKdevTV
(개발) 윈도우 최고의 마크다운 에디터는?6
• 1위 Typora! https://typora.io/

11. • https://bestofjs.org/timeline
OKdevTV
(개발) 2006~2020년 사이 최고의 자바스크립트 프로젝트는?7
• 2006년 jQuery
• 2009년 Node.js, Express
• 2010년 D3, Angular
• 2011년 Ember, Bootstrap
• 2012년 Webpack, TypeScript
• 2013년 Electron, React, Vue.js
• 2014년 Babel
• 2015년 VSCode, React Native
• 2016년 Next.js
• 2017년 Puppeter
• 2018년 Deno
• 2019년 Snowpack
• 2020년 Rome
• 여기도 참고: https://github.com/bestofjs/bestofjs-webui

12. • 보잉 747과 구 737 버전은 아직도 플로피로…
• 747은 매 28일마다 중요한 항법 데이터베이스를 3.5인치 디스크로 업데이트
OKdevTV
(우리가 몰랐던 사실) 항공기 소프트웨어 업데이트는 어떻게 할까?8
• https://www.theverge.com/2020/8/11/21363122/boeing-747s-floppy-disc-updates-critical-software