Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

기술 뉴스 #61 : 16-09-01

웹개발 관련

  • SPA 스크립트 용량 어디까지 줄일 수 있을까 : 제목은 SPA이지만 Webpack으로 정적파일을 번들링 할 때 용량을 최적화하는 방법이라고 느껴진다. 필요 없이 용량이 커질 때에 대해서 다양하게 분석하고 Webpack이 동작하는 원리를 설명하고 있어서 webpack을 쓰고 있다면 꼭 읽어볼 만한 글이다.(한국어)
  • Using Feature Queries in CSS : CSS에서 @supports (display: grid) {}와 같은 문법으로 브라우저가 지원하는 기능을 검사해서 CSS를 다르게 적용할 수 있는 기능이다. Feature Queries는 아직 IE 등에서는 지원하지 않지만, Firefox, Chrome, Opera에서는 이미 지원하고 있다.(영어)

그 밖의 프로그래밍 관련

  • Do’s and Don’ts of AWS Lambda : TJ Holowaychuk이 AWS Lambda로 Apex Ping을 만든 경험을 바탕으로 Lambda를 사용할 때 조심할 점을 정리했다. 로직은 분리해서 로컬에서 테스트한 뒤에 Lambda와 연결을 하고 SNS나 CloudWatch에서 알림을 받아야 하는 부분 등을 설명하고 있다.(영어)
  • 30K Page Views for $0.21: A Serverless Story : AWS의 Lambda를 이용해서 Fantasy Movie League라는 게임을 도와주는 사이트를 만든 이야기이다. S3에서 설정을 가져와서 Lambda를 실행하고 그 결과를 S3와 SES로 전달해서 다수의 Lambda를 체임으로 연결한 구조를 설명하고 이 구조로 0.21 달러로 한 달을 운영해서 3만 페이지 뷰를 기록했다. 작성자는 Java로 Lambda를 사용했는데 이 과정에서 느낀 점을 정리했다. 약간 길지만 재미있다.(영어)
  • InfluxDB, Telegraf, Grafana 를 활용한 Monitoring System 만들기 : 서버 모니터링은 필수적이지만 제대로 하려면 만족스러운 솔루션을 찾기가 쉽지 않은데(아니면 비싸거나) InfluxDB, Telegraf, Grafana로 모니터링 시스템을 구축하는 방법을 설명하는 글이다. 설치부터 연동까지 차근차근 설명하고 있어서 따라 해보면서 해볼 수 있다.(한국어)

IT 업계 뉴스

프로젝트

  • Recharts : React와 D3를 이용한 차트 라이브러리
  • express-status-monitor : express.js 앱의 리소스 사용량, 응답 시간 등을 보여주는 모니터링 페이지
  • PowerShell : Microsoft에서 PowerShell을 리눅스, OS X에서도 사용 가능하도록 오픈소스로 공개했다.

버전 업데이트

2016/09/01 12:33 2016/09/01 12:33