Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.

기술 뉴스 #116 : 18-12-16

웹개발 관련

  • Microsoft Edge and Chromium Open Source: Our Intent : Microsoft가 Edge 브라우저의 개발을 중단하고 Chromium을 기반으로 웹브라우저를 만들기로 했다.(영어)
  • Goodbye, EdgeHTML : Microsoft가 EdgeHTML을 버리고 Chromium으로 넘어가기로 한 결정에 대해서 웹 생태계의 비중이 너무 구글 위주로 바뀐 것에 대해 Mozilla는 유감을 표현했다.(영어)
  • Serverless SSR: A Case Study : Zeit에서 서버사이드 렌더링(SSR)을 보여주기 위해 Reddit 애플리케이션을 Vue, lit-html, React, Preact, vhtml로 만들고 프로젝트별 간단한 비교를 해주고 있다. 예제 소스도 공개되어 있어서 참고해 보기 좋다.(영어)
  • An introduction to HTTP/2 for SEOs : HTTP/2의 차이점을 그림과 함께 찬찬히 설명하는 글이다.(영어)

그 밖의 프로그래밍 관련

  • A Post-Mortem of the Malicious event-stream backdoor. : 지난달 Bitcoin 오픈 소스 월렛인 Copay를 해킹하려고 flatmap-stream에 악성코드가 심어져 배포되는 사건이 발생했다. 이는 기존 메인테이너가 더는 관리할 수 없는 프로젝트를 노리고 메인테이너에게 접근해서 자신이 관리하겠다고 하고는 악성코드를 의도적으로 접근한 것이었는데 당연히 가능한 일이면서도 나한테는 이런 일이 발생했다는 것이 놀라운 일이었다. 이 전체 사건의 흐름을 정리한 글이다.(영어)
  • JUST TELL ME HOW TO USE GO MODULES : Go 1.11에서 추가된 Go Modules의 복잡한 설명 없이 사용하는 방법을 Getting Started 느낌으로 간단하게 설명하는 글이다.(영어)
  • 딥러닝이 1등, 수십년 연구결과는 2등? : 세계 단백질 구조예측 대회에서 오랫동안 연구한 팀들을 압도적인 점수 차로 이기면서 딥마인드가 1위를 했다고 한다. 글 쓰신 분이 이 부분에서 딥러닝의 중요성에 대해서 의견을 정리한 글인데 딥마인드의 딥러닝이 어떤 영향을 주는지도 볼 수 있다.(한국어)
  • Mocha v6 adds Configuration File Support & Drops Node.js v4.x : Mocha에서 그동안 mocha.opts나 CLI 인자로만 설정할 수 있었는데 v6를 준비하면서 Node.js v4 지원을 버리고 CLI 라이브러리를 yargs로 바꾸면서 .mocharc.[js,json,yml]등을 지원할 수 있게 된 부분을 설명하는 글이다. 아직 v6는 릴리스 되지 않았다.(영어)

볼만한 링크

  • 2018 Design Tools Survey : 2,800명 정도의 디자이너에게 진행한 설문한 결과를 정리한 사이트로 프로토타이핑 도구, 와이어 프레임 도구, 사용자 경험 모니터링 도구 등 어떤 도구를 사용하는지 정리되어 있다.(영어)
  • Pull to Refresh UI in 2018 : 모바일에서 화면을 당겨서 갱신하는 Pull to Refresh 기능을 2013년에 리뷰했던 앱과 2018년을 비교한 글이다. 사용자들이 Pull to Refresh에 익숙해졌으므로 각 서비스가 2013년에 비해서 간단한 인디케이터로만 표시하고 있는 게 흥미롭다.(한국어)
  • 신규 입사자를 위한 웰컴 키트 제작기 : Spoqa에서 새 사무실로 이전하면서 사내 웰컴 키트를 제작한 과정을 설명한 글이다. 키트에 포함할 굿즈를 선택하는 과정부터 색상과 폰트, 슬로건을 정하는 과정까지 나와 있고 최종적으로 완성된 웰컴 키트가 아주 멋지다.(한국어)
  • 꼰대가 되는 법 : 제목대로 꼰대인 사람들이 어떤 마음가짐을 가졌는지를 정리한 글인데 날카롭게 정리되어 있어서 웃음이 나면서도 조심해야겠다 싶었다.(한국어)

프로젝트

  • Ethr : TCP, UDP, HTTP의 네트워크 성능을 측정해주는 CLI 도구.
  • pika : npm 저장소에서 Common.js 말고 ES Modules 패키지를 검색해 주는 사이트.
  • PyText : NLP 개발을 위한 모델링 프레임워크로 Facebook에서 오픈소스로 공개했다.
  • Browserslist-GA : Google Analytics 데이터에 기반해서 대상 browserslist 설정을 만들어주는 도구.
  • chrome-aws-lambda : Puppeteer의 안정버전으로 AWS Lambda에서 사용할 수 있는 크롬 바이너리를 제공하는 저장소.
  • Grafana Loki : Prometheus처럼 로그를 수집하는 시스템.
  • quicklink : idle 타임 동안 화면 내 링크를 미리 로드하는 npm 모듈.

버전 업데이트

2018/12/16 13:13 2018/12/16 13:13

기술 뉴스 #115 : 18-12-02

웹개발 관련

  • The State of JavaScript 2018 : 매년 발표되는 JavaScript 개발자의 설문 조사를 통해서 생태계의 현황을 정리한 글로 올해는 2만여 명의 JavaScript 개발자가 설문에 참여했다. 지역별 연봉, 프레임워크, 테스트 도구, 백엔드, 모바일 등 다양한 영역에서 어떤 도구를 주로 사용하고 있는지를 보여주고 있다.(영어)
  • React 16.x Roadmap : React에서 16.x의 로드맵을 발표했다. Suspense for Code Splitting는 이미 16.6에서 릴리스 되었고 React Hooks를 2019년 1분기에 Concurrent Mode를 2019년 2분기에 Suspense for Data Fetching를 2019년 중반에 발표할 예정이라고 한다.(영어)
  • HTTPS에 대한 기초 이해 : HTTPS로 통신할 때 서버와 클라이언트가 어떻게 메시지를 주고받는지 상세하게 정리된 글이다. 인증서를 어떻게 검증하고 암호화해서 안전하게 메시지를 주고받는지 꽤 자세하게 나와 있다.(한국어)
  • Goodbye Electron, Hello Desktop PWAs : Chrome 70에서 데스크톱 PWA 지원이 Linux와 Windows에서 추가되었고 macOS는 72 버전에서 지원될 예정이라고 한다. 지금까지 크로스 플랫폼 데스크톱 앱 개발에 Electron을 주로 사용했지만, 데스크톱 PWA를 쓰면 Electron처럼 별도의 Chromium을 실행하거나 설치하도록 할 필요가 없으면서 데스크톱 앱처럼 만들 수 있으므로 데스크톱 PWA를 추천하는 글이다. 실제 테스트해 볼 수 있는 예제와 HTTPS를 사용하고 서비스 워커를 하나 이상 등록해야 하는 등의 요구사항도 정리되어 있다.(영어)
  • Progressive Web Apps The Future of the Mobile Web. : Google과 Microsoft, Awwwards에서 PWA의 어떻게 만들고 어떤 효과가 있는지를 정리한 ebook을 만들어서 공개했다.(영어)
  • [번역] TypeScript at Google : 구글에서 TypeScript를 사용하게 된 과정을 설명한 글이다. Google이 과거 Gmail, Goole Maps 등 놀라운 웹을 만들었는데 그동안 대규모 JavaScript 애플리케이션을 만들려고 Closure 등을 포함해서 다수의 도구를 만들었지만, 시간이 지나면서 구글의 자바스크립트 스택은 구글 밖의 세상과는 분리되어 주류와는 완전히 다른 스택이 되었다고 한다. 다시 주류와 돌아가기 위해서 적당한 도구를 찾던 중 TypeScript가 훌륭한 옵션이 되어서 사용하게 되었다고 한다.(한국어)

그 밖의 프로그래밍 관련

  • AWS re:Invent 2018 출시 소식 요약 첫날, 둘째 날, 셋째 날 : 지난주에 열린 AWS re:Invent에서 출시된 서비스를 정리한 글이다. 매년 다수의 서비스가 출시되는데 Firecracker, DynamoDB Transaction, S3 Object Lock 등이 있다.(한국어)
  • 아시아-태평양 서울 리전(AP-NorthEast-2)의 Amazon EC2 DNS 확인(Resolution) 이슈 요약 : AWS 서울 리전에서 지난 22일 오전에 발생한 DNS 장애의 내용을 AWS에서 정리한 글이다.(한국어)
  • **5 Lessons Learned From Writing Over 300,000 Lines of Infrastructure Code ** : Gruntwork의 CTO가 HashiConf에서 발표한 내용을 정리한 글이다. 그동안의 인프라 코드를 작성한 경험을 통해 프로덕션 인프라를 위한 체크리스트를 준비하고 새로운 도구를 배우고 모듈을 너무 크게 작성하지 말고 테스트를 꼭 실제 환경에서 작성하고 릴리스 프로세스를 정의하라고 하고 있다.(영어)
  • The Holy Hand Grenade of Antioch : OpenSSL 팀이 지금까지 사용하던 MAJOR.MINOR.FIX[PATCH] 버전 방식이 혼란을 줘서 MAJOR.MINOR.PATCH 방식으로 바꾼다고 한다. 1.1.11.0.2는 달라지지 않을 것이고 2.0.0을 건너뛴 3.0.0 버전부터 이 방식이 적용될 예정이다.(영어)
  • [번역] 최신 네트워크 로드 밸런싱 및 프락시 소개 : 최근 로드 밸런싱과 프락시의 발전 흐름을 설명하고 있다. 여기서 대부분의 프락시가 로드 밸런싱 기능을 포함하고 있으므로 같은 의미로 사용하고 있고 L4/L7 로드 밸런싱의 차이를 설명하고 L7을 위주로 설명하고 있다. 로그 밸런서를 사용할 때 토폴러지를 구성하는 방법과 각 기술의 개발 현황 등을 자세하게 설명하고 있다.(한국어)
  • HashiCorp Learn : HashiCorp 제품군을 따라 하며 배울 수 있는 Learn 사이트에 Vault에 이어 Terraform, Nomad, Consul도 추가되었다.(영어)
  • HashiConf 2018: Videos Are Now Available : HashiConf 2018의 전체 세션 영상이 공개되었다.(영어)

볼만한 링크

  • SendBird의 실리콘밸리 시리즈 A (Series-A) 투자유치 이야기 : B2B 채팅 솔루션인 SendBird가 최근 시리즈 A 투자를 받는 과정을 정리한 글이다. 대표로서 시리즈 A를 받기로 하고 실리콘밸리에서 투자자들을 만나고 고민한 과정이 나와 있는데 국내와 어떻게 다르게 진행되고 투자를 어떻게 진행하는지를 엿볼 수 있고 스타트업 입장에서의 고민이 고스란히 담겨있어서 재미있게 읽었다.(한국어)
  • 창업판에서 내가 만난 최악의 멘토 5 : 창업 지원 프로그램 등에서 강제하는 멘토링 프로그램에서 멘토들의 문제점을 비판한 글이다. 사업계획서를 안 읽고 오거나 자신들의 정보는 숨기거나 말만 하는 등 대충 어떤 분위기 일지 예상되는 상황을 적나라하게 비판하고 있다. 창업에 비할 바는 아니지만 비슷한 정부 사업을 보면서 비슷한 느낌을 받아서 공감했다.(한국어)

IT 업계 뉴스

프로젝트

  • ncc : Node.js 프로그램을 하나의 실행 파일로 만들어주는 CLI 도구.
  • dive : Docker 이미지의 레이어를 탐색할 수 있는 도구.
  • nginxconfig.io : nginx 설정 파일 생성기.
  • golicense : 컴파일된 Go 바이너리에서 의존성의 버전과 라이센스를 검사해주는 도구.
  • NES.css : NES 스타일 CSS 프레임워크.
  • khaiii : Kakao에서 개발한 한글 형태소 분석기.

버전 업데이트

2018/12/02 22:09 2018/12/02 22:09