Outsider's Dev Story

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

기술 뉴스 #67 : 16-12-02

웹개발 관련

  • 한국어와 웹 폰트에 관한 6.1가지 사실 : 김태곤 님이 블로그의 테마를 정리하면서 웹 폰트 최적화 작업을 하고 발견한 사실을 정리한 글이다. 한글의 웹 폰트 용량이 큰 문제를 해결하기 위해 사용한 최적화 작업과 윈도에서 깨지는 문제 등 한글 웹 폰트를 처리할 때 알아두어야 할 내용이 잘 정리되어 있다. 이런 폰트 문제는 일일이 테스트해보지 않으면 확인하기 어려우므로 이런 글을 아주 유용하다.(한국어)
  • HPACK: the silent killer (feature) of HTTP/2 : HTTP/2에서 헤더를 압축하는 HPACK에 대해서 설명하는 글이다. HPACK의 Static Dictionary, Dynamic Dictionary, Dynamic Dictionary, Huffman Encoding이 어떻게 동작하고 있으며 왜 다른 압축알고리즘보다 안전한지를 설명하고 실제로 헤더가 어느 정도 줄어드는지를 보여주고 있다.(영어)
  • How we switched our template rendering engine to React : Pinterest가 기존에 사용하던 Jinja 템플릿 엔진을 React로 교체하는 과정을 설명한 글이다. 서버에서는 Python으로 Jinja를 쓰고 클라이언트에서는 Jinja와 호환되는 Nunjucks로 렌더링하다가 React로 갈아타기로 했지만 기존에 영향을 주지 않기 위해서 Jinja를 걷어버리고 Node.js로 서버와 클라이언트 모두 Nunjucks로 렌더링할 수 있게 구성하고 그 가운에 성능과 오류를 막기 위해서 진행한 과정이 잘 나와 있다. 이제 React로 간다고 글은 끝난다.(영어)

그 밖의 프로그래밍 관련

  • 유니크 아이디는 얼마나 길어야 하나? : 개발할 때 종종 사용하는 uuid의 길이는 어느 정도로 해야 같은 키를 다른 사용자가 발급받을 수 있는지 분석한 글이다. 보통은 경우의 수만 따져서 충분히 긴 길이를 사용하지만, 이 글에서는 이 문제를 birthday problem과 비교해서 실제로 같은 uuid를 가지게 될 확률을 계산하는 법을 보여주고 있다. 무심코 하던 일의 내부를 이렇게 자세히 설명해 주는 글은 항상 재미있다.(한국어)
  • 누군가에게는 빼빼로데이. 누군가에게는? : 배달의 민족에서 빼빼로데이에 치킨할인 이벤트를 하면서 11시에 급격히 사용자가 몰리는 이벤트를 진행하기 위해서 Node.js 서버와 Redis로 이벤트용 시스템을 별도로 구성한 과정을 설명하고 있다. 이렇게 급격한 트래픽증가는 대응하기가 쉽지 않은데 시스템 구성과 실수했던 부분까지 정리되어 있다.(한국어)
  • 확장하기 쉬운 코드가 아니라 삭제하기 쉬운 코드를 작성하자 : 제목 그대로의 내용을 설명하는 글이다. 이 글을 본다고 이런 설계를 할 수 있는 것은 아니고 그 정도를 조정하는 게 중요하겠지만, 최근에도 재사용성보다 나중에 레거시가 되거나 사용 안 하는 부분이 나왔을 때 잘 떼어내서 버릴 수 있도록 하는 설계에 좀 더 관심이 있어서 공감되는 글이다.(한국어)
  • Announcing pydoc.io beta : Read the Docs에서 PyPI 패키지에서 자동으로 API 문서를 생성할 수 있는 pydoc.io을 발표했다.(영어)

IT 업계 뉴스

볼만한 링크

  • 카카오 빅데이터의 발견: 카카오택시 : 카카오에서 카카오 택시를 이용하는 로그로 사용패턴을 분석했다. 빅데이터를 이용한 백서를 출간하기 전에 미리 일부를 공개한 4편의 글로 사람들이 어떻게 카카오택시를 이용하고 있고 어디서 많이 사용하는지 기존에 택시에서는 알지 못했던 정보로 카카오가 어떤 분석을 하고 있는지 볼 수 있다.(한국어)
  • 페이스북, 챗봇 분석도구 출시 : 페이스북의 챗봇의 사용패턴을 분석할 수 있는 챗봇 분석 도구를 공개했다.(한국어)

프로젝트

  • Blueprint : React로 만든 웹용 UI 툴킷.
  • Dash for iOS : API 문서를 볼 수 있는 Dash의 iOS 버전이 오픈소스로 공개되었다.
  • Gmvault : Gmail 백업/복구 도구.
  • CyberChef : hex, base64 등의 인코딩, 암호화, 압축 등의 기능을 모아놓은 웹사이트
  • CSS Reference : Flexbox, animation, background 등 CSS의 속성이 실제로 어떻게 표시되는지 보여주는 사이트.
  • Visual Studio for Mac : Visual Studio의 MacOS용 preview로 버전이 출시됐다.
  • React Native Express : 코드를 수정해보면서 React Native를 배워볼 수 있는 웹사이트.
  • ESLint Compare : ESLint로 JavaScript를 린팅할 대 템플릿으로 사용하는 Airbnb와 ESLint-Recommend, Standard가 어떤 규칙을 적용하는지 비교표로 만들어진 페이지

버전 업데이트

2016/12/02 11:20 2016/12/02 11:20