Outsider's Dev Story

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

기술 뉴스 #81 : 17-07-02

웹개발 관련

  • Unlocking Test Performance — Migrating from Mocha to Jest : Airbnb에서 기존 프론트엔드 테스트 코드로 Mocha를 쓰다가 Jest로 변경한 결과를 공유한 글이다. 기존에 12분 이상 걸리던 테스트(로컬에서는 45분 정도)가 4분 30초 정도로 줄어들었고 병렬로 테스트를 실행하는 Jest의 특징을 설명하고 병렬로 테스트를 수행하기 위해 각 테스트를 격리하기 위해서 작업한 과정까지 설명하고 있다.(영어)
  • High Performance JS in V8 : V8 엔진에 기존의 Crankshaft에서 최근에 Ignition + Trubofan으로 변경되면서 어떻게 동작하고 성능 개선이 얼마나 이뤄졌는지를 정리한 발표자료이다. 글로 설명된 내용보다 좀 더 간단하게 이해하기 쉽다.(영어)
  • The State of Angular and the Due Date of Version 5 : Angular 프로젝트의 현재 상태와 차기 버전의 릴리스 일정을 설명하는 글이다. 왜 Angular 4.0을 만들게 되었고 4.x의 버전에서 어떤 기능이 추가되었으며 다음 버전인 5.0은 올해 9월에 릴리스 될 예정이라고 밝히고 있다. 5.0에서는 AOT가 기본이 되고 watch 모드, 템플릿의 타입 검사 등이 추가될 예정이다.(영어)
  • Learning Draft Js : React 용 텍스트 에디터 프레임워크인 Draft.js를 이용해서 웹에 텍스트 에디터를 구현하는 방법을 설명한 글이다. 초기 설정부터 서버 연동 등까지 설명하면서 예제 코드도 함께 제공하고 있다.(영어)
  • 웹 풀스택 입문을 위한 약 500페이지 분량의 교재를 무료로 배포하고 있습니다. : 벤젠에서 웹 풀스택을 공부할 수 있는 500페이지 정도의 교재를 PDF로 배포하고 있다. 이 자료에는 기본적인 프로그래밍부터 Node.js로 웹 사이트를 만들어서 구축하는 부분까지 정리되어 있다.(한국어)
  • Getting Started With WebAssembly : WebAssembly를 이용해서 C로 작성한 코드를 Emscripten 컴파일러로 컴파일한 후 웹 브라우저에서 불러와서 사용하는 과정을 설명한 글이다.(영어)

그 밖의 프로그래밍 관련

  • State Drift Detection using Terraform : AWS 인프라를 Terraform으로 관리하면서 수동으로 변경하거나 의도치 않은 변경이 발생했을 때 인지할 수 있도록 Jenkins에서 terraform plan을 정기적으로 실행해서 인프라 변경이 있으면 알림을 받도록 접근한 내용을 설명한 글이다.(영어)
  • Node.js Performance Monitoring with Prometheus : Node.js 성능 모니터링 도구를 만드는 회사인 RisingStack에서 Node.js 애플리케이션을 Prometheus로 모니터링하는 방법을 소개하는 글이다. 모니터링을 할 때 추적해야 하는 정보와 도구를 선택할 때 고려해야할 부분을 설명하고 Prometheus를 Node.js와 연동해서 어떻게 모니터링하고 알림을 받는지 설명하고 있다.(영어)
  • git-tips 한국어 : git-tips의 번역 문서로 git을 사용할 때 상황별로 유용한 팁들이 정리되어 있다.(한국어)

볼만한 링크

  • Redesigning Google News for everyone : Google News가 디자인을 개편하면서 기존과 비교하면서 어떤 점을 바꾸었고 왜 바꾸었는지를 설명한 글이다. 전체적인 변경을 비교해서 보여주니 얼마나 가독성이 좋아졌는지 이해하기 쉽고 각 섹션별로 의도한 부분을 설명해주기 때문에 유용한 정보가 많이 담겨있다.(영어)
  • 리디북스 이벤트 디자인에 숨겨진 비밀 : 리디북스의 서비스를 좋아하는 편인데 이 글에서는 리디북스에서 이벤트 페이지를 만들 때 사용자에게 정보를 잘 전달하기 위해서 사용자의 시선의 흐름과 공백을 이용하는 방법 등 디자인에서 신경 쓰는 부분을 설명하고 있다.(한국어)

IT 업계 뉴스

프로젝트

  • react-flight : React 용 애니메이션 컴포넌트.
  • decaffeinate : CoffeeScript를 JavaScript로 바꿔주는 도구.
  • HNPWA : React, Vue 등 다양한 프레임워크로 HackerNews 리더를 PWA으로 구현해서 예제로 공유하는 페이지.
  • TensorFlow Tutorials : TensorFlow를 기초부터 연습해 볼 수 있는 소스코드가 공유된 저장소로 골빈해커님이 작성해서 소스코드의 주석도 모두 한글로 되어 있다.

버전 업데이트

2017/07/02 12:11 2017/07/02 12:11