2020년 5월 30일 개발 이야기 정리

Jay Park
Jay ParkCTO at EX-EM
2020년 5월 30일
개발 이야기 정리
박재호(jrogue@gmail.com)
참고 자료
• <컴퓨터 vs 책> 블로그
• http://jhrogue.blogspot.com/
• OKdevTV 유튜브 방송
• 오늘 방송:
https://www.youtube.com/watch?v=LckoVnyWkX0&list=PLdntWJk
2tJPKvRB0mSqC5tyKUv7HFtcqg&index=3
• 재미있는 개발 이야기 리스트:
https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5t
yKUv7HFtcqg
• 슬라이드 셰어
• https://www.slideshare.net/jrogue/presentations
오늘의 짤방
답이 4번이라는데...
직접적/교과서적으론 답일지 모르지만 내적 반
발심이 크게 일어난다! via @WonSoRang)
오늘 소개할 내용
• Vim 도대체 왜 쓰는가
• CORS는 왜 이렇게 우리를 힘들게 하는걸까?
• 스노우 팩: 현대적인 웹을 위한 빌드 시스템
• JWT 디코더
• 복고의 도래 Latex.css & XP.css
• 소셜로그인, 통합이 어려우면 한 개만 사용하게 만든다
• Visual Studio Code: A Power User’s Guide
• 나는 nginx 설정이 정말 싫다구요
• 윈도우 파워토이 오픈소스로 돌아오다!
• 윈도우 8이상에서 무선 네트워크 우선 순위 조정하기
(오늘의 논쟁) Vim 도대체 왜 쓰는가
• https://bengi.kr/1349
• 역사는 돌고 돈다
• VI vs Emacs 논쟁 → (우스갯소리) 승자는 VS(Visual Studio (Code 응?))
• 컨테이너가 대세인데 서버에 직접 접속해서 편집기 쓸 일이 정말 있어요? →
예!
• 결론: vim이 되었든 emacs가 되었든 필요하면 쓰면 된다.
(개발) CORS는 왜 이렇게 우리를 힘들게 하는
걸까?(1)
• https://evan-moon.github.io/2020/05/21/about-cors/
• CORS(Cross-Origin Resource Sharing)
• RFC 6454에서 처음 등장한 보안 정책으로 말 그대로 “같은 출처에서만 리소스를 공유
할 수 있다”라는 규칙을 가진 정책
(개발) CORS는 왜 이렇게 우리를 힘들게 하
는걸까?(2)
• 브라우저 동작법
• Preflight Request: 예비 요청과 본 요청으로 나눠 서버로 전송
• Simple Request: 본 요청만 전송(사용하는 경우 제한적임)
• Credentialed Request: 인증된 요청 사용(XMLHTTPRequest 객체 등) →
주의: Access-Control-Allow-Origin에 *을 사용하지 못함, Allow-
Control-Allow-Credentials: true가 응답 헤더에 존재해야 함
• 해결법
• 서버에서 Access-Control-Allow-Origin 설정
• Webpack Dev Server로 리버스 프록싱 – 로컬에서 개발할 경우
(개발) 스노우 팩: 현대적인 웹을 위한 빌드
시스템
• https://www.snowpack.dev/posts/2020-05-26-snowpack-2-
0-release/
• 기승전 SPEED!
(개발) JWT 디코더
• https://jwt.io/
• RFC 7519(JSON Web Token)을 해석해주는 서비스(서명까지 검증)
(개발) 복고의 도래 Latex.css & XP.css
• https://latex.now.sh/
• https://botoxparty.github.io/XP.css/
(개발) 소셜로그인, 통합이 어려우면 한 개만
사용하게 만든다
• https://brunch.co.kr/@rainofflowers/123
(개발) Visual Studio Code: A Power
User’s Guide
• https://morioh.com/p/408c9c96d0fe
• Power User까지는 아니고… 처음 VSCode에 접하는 분들이 읽어보면 도움
이 되는 내용
(개발) 나는 nginx 설정이 정말 싫다구요
• https://juneyr.dev/nginx-basics
• 가장 기초적인 nginx 설정 소개
(개발) 윈도우 파워토이 오픈소스로 돌아오다!
• https://github.com/microsoft/PowerToys
ALT+SPACE
(우리가 몰랐던 사실) 윈도우 8이상에서 무
선 네트워크 우선 순위 조정하기
• https://www.howtogeek.com/131640/how-to-change-the-
priority-of-wireless-networks-in-windows-8/
1 of 15

More Related Content

2020년 5월 30일 개발 이야기 정리

  • 1. 2020년 5월 30일 개발 이야기 정리 박재호(jrogue@gmail.com)
  • 2. 참고 자료 • <컴퓨터 vs 책> 블로그 • http://jhrogue.blogspot.com/ • OKdevTV 유튜브 방송 • 오늘 방송: https://www.youtube.com/watch?v=LckoVnyWkX0&list=PLdntWJk 2tJPKvRB0mSqC5tyKUv7HFtcqg&index=3 • 재미있는 개발 이야기 리스트: https://www.youtube.com/playlist?list=PLdntWJk2tJPKvRB0mSqC5t yKUv7HFtcqg • 슬라이드 셰어 • https://www.slideshare.net/jrogue/presentations
  • 3. 오늘의 짤방 답이 4번이라는데... 직접적/교과서적으론 답일지 모르지만 내적 반 발심이 크게 일어난다! via @WonSoRang)
  • 4. 오늘 소개할 내용 • Vim 도대체 왜 쓰는가 • CORS는 왜 이렇게 우리를 힘들게 하는걸까? • 스노우 팩: 현대적인 웹을 위한 빌드 시스템 • JWT 디코더 • 복고의 도래 Latex.css & XP.css • 소셜로그인, 통합이 어려우면 한 개만 사용하게 만든다 • Visual Studio Code: A Power User’s Guide • 나는 nginx 설정이 정말 싫다구요 • 윈도우 파워토이 오픈소스로 돌아오다! • 윈도우 8이상에서 무선 네트워크 우선 순위 조정하기
  • 5. (오늘의 논쟁) Vim 도대체 왜 쓰는가 • https://bengi.kr/1349 • 역사는 돌고 돈다 • VI vs Emacs 논쟁 → (우스갯소리) 승자는 VS(Visual Studio (Code 응?)) • 컨테이너가 대세인데 서버에 직접 접속해서 편집기 쓸 일이 정말 있어요? → 예! • 결론: vim이 되었든 emacs가 되었든 필요하면 쓰면 된다.
  • 6. (개발) CORS는 왜 이렇게 우리를 힘들게 하는 걸까?(1) • https://evan-moon.github.io/2020/05/21/about-cors/ • CORS(Cross-Origin Resource Sharing) • RFC 6454에서 처음 등장한 보안 정책으로 말 그대로 “같은 출처에서만 리소스를 공유 할 수 있다”라는 규칙을 가진 정책
  • 7. (개발) CORS는 왜 이렇게 우리를 힘들게 하 는걸까?(2) • 브라우저 동작법 • Preflight Request: 예비 요청과 본 요청으로 나눠 서버로 전송 • Simple Request: 본 요청만 전송(사용하는 경우 제한적임) • Credentialed Request: 인증된 요청 사용(XMLHTTPRequest 객체 등) → 주의: Access-Control-Allow-Origin에 *을 사용하지 못함, Allow- Control-Allow-Credentials: true가 응답 헤더에 존재해야 함 • 해결법 • 서버에서 Access-Control-Allow-Origin 설정 • Webpack Dev Server로 리버스 프록싱 – 로컬에서 개발할 경우
  • 8. (개발) 스노우 팩: 현대적인 웹을 위한 빌드 시스템 • https://www.snowpack.dev/posts/2020-05-26-snowpack-2- 0-release/ • 기승전 SPEED!
  • 9. (개발) JWT 디코더 • https://jwt.io/ • RFC 7519(JSON Web Token)을 해석해주는 서비스(서명까지 검증)
  • 10. (개발) 복고의 도래 Latex.css & XP.css • https://latex.now.sh/ • https://botoxparty.github.io/XP.css/
  • 11. (개발) 소셜로그인, 통합이 어려우면 한 개만 사용하게 만든다 • https://brunch.co.kr/@rainofflowers/123
  • 12. (개발) Visual Studio Code: A Power User’s Guide • https://morioh.com/p/408c9c96d0fe • Power User까지는 아니고… 처음 VSCode에 접하는 분들이 읽어보면 도움 이 되는 내용
  • 13. (개발) 나는 nginx 설정이 정말 싫다구요 • https://juneyr.dev/nginx-basics • 가장 기초적인 nginx 설정 소개
  • 14. (개발) 윈도우 파워토이 오픈소스로 돌아오다! • https://github.com/microsoft/PowerToys ALT+SPACE
  • 15. (우리가 몰랐던 사실) 윈도우 8이상에서 무 선 네트워크 우선 순위 조정하기 • https://www.howtogeek.com/131640/how-to-change-the- priority-of-wireless-networks-in-windows-8/