웹개발 관련

• SVG, JS, CSS로 만드는 라이언 로그인 폼 : 로그인 폼에서 이메일을 입력할 때는 캐릭터의 시선이 따라가다가 패스워드를 입력할 때는 눈을 가리는 재미있는 애니메이션을 카카오의 라이언을 이용해서 웹으로 직접 구현했다. SVG로 라이언을 그리고 타이핑이나 포커스에 따라 라이언이 움직이도록 구현하는 과정까지 자세하게 나와 있어서 비슷한 구현을 고민할 때 참고하기 아주 좋다. 그리고 예시용 이상으로 엄청난 퀄리티로 구현하셨다.(한국어)
• "last 2 versions" considered harmful : babel-preset-env을 사용할 때 타겟 브라우저를 last 2 versions처럼 지정하는데 이렇게 하는 경우 사용자가 거의 없는 Blackberry나 QQ 브라우저도 대상에 포함되므로 의도한 대로 컴파일되지 않는다는 점을 지적한 글이다. 대신 >0.25%처럼 지원하려는 사용자 비율을 지정하고 일부 브라우저를 제외하는 방식을 권하고 있다.(영어)
• Testing your React App with Puppeteer and Jest : Jest 테스트 프레임워크와 Puppeteer를 이용해서 Headless 크롬으로 통합테스트를 작성하는 방법을 설명하는 글이다. Puppeteer를 설정하는 방법부터 사용자 로그인, 쿠키 설정, 모바일 디바이스 에뮬레이팅, 스크린샷까지 튜토리얼 식으로 설명하고 있다. 프론트엔드에서 통합테스트를 작성할지는 쉽게 결정하기 어려운 부분이지만 필요한 때도 있으므로 확인해 볼 만하다.(영어)
  
  

그 밖의 프로그래밍 관련

• 야생의 땅 듀랑고의 데이터 엔지니어링 이야기: 로그 시스템 구축 경험 공유 : 듀량고의 로그 데이터 수집 및 분석 시스템에 관한 얘기인데 발표자료에 자막이 달려있어서 알기 쉽다. 듀량고 급의 대규모 데이터에서 로그 시스템을 어떤 접근으로 구축했고 각 구성에 대한 상세 활용방법이 잘 나와 있어서 로그 시스템을 고민한다면 꼭 참고해 봐야 할 정도로 잘 정리되어 있다.(한국어)
• Build Your Own EC2 Machine Images with Packer & Ansible on AWS for Immutable AWS Deployments : 불변 인프라를 위해서 Packer와 Ansible로 AWS AMI를 만드는 방법을 설명하는 글이다. Ansible보다는 Packer 사용법을 위주로 정리되어 있다.(영어)
• Announcing Fuse Open — making Fuse free and Open Source : 모바일 앱을 쉽게 개발할 수 있는 플랫폼인 Fuse가 오픈소스로 공개되었다. Fuse 플랫폼 전체와 도구, 라이브러리가 모두 포함되었고 유료 프로 플랜은 없어졌다. 새로운 비즈니스 모델로 Apps as a Service인 Fuse App Engine를 공개했다.(영어)
• Merkle Patricia Tree (MPT) 를 이해하기 위한 여정 : 이더리움에서 사용하는 머클 패트리샤 트리가 무엇인지를 설명하는 글이다. 비트코인이 사용하는 머클트리는 간단한 구조라 쉽게 이해했지만 머클 패트리샤 트리에 대해서는 정확히 모르고 있었는데 이 글을 통해 완전히는 아니어도 어떤 접근인지는 어느 정도 이해하게 되었다.(한국어)
  
  

볼만한 링크

• An Issue with Issues : Babel 프로젝트를 리드하고 있는 Henry Zhu가 오픈소스의 이슈관리에 관해 쓴 글이다. 사람들이 2년 이상 된 이슈에도 같은 이슈가 있다고 댓글을 달거나 질문을 올리는데 이는 사용자로서는 자연스러운 행동이지만 메이테이너들한테는 이미 코드가 많이 바뀌거나 해결된 이슈인 경우가 많아서 큰 부담이 된다는 내용이다. 이를 해결하기 위해 이슈를 잠글 수 있는데 이 행위가 적대적으로 보일 수 있어서 하기가 쉽지 않고 이슈마다 다 잠글 수도 없으므로 Probot을 이용해서 일정 기간이 지난 이슈는 자동으로 닫게 처리한 과정을 설명한 글이다.(영어)
• EFAIL : 이메일의 종단 간 암호화에 사용하는 OpenPGP과 S/MIME의 이용해서 공격자가 암호화된 이메일의 평문을 얻어낼 수 있는 취약점이 발견되어 해결될 때까지 EEF에서는 일단 PGP 이메일 플러그인을 사용하지 않거나 삭제하고 권고하고 있다. 이 공격을 하려면 먼저 공격자가 먼저 공격자가 암호화된 이메일을 어떤 방법으로든 획득해야 하고 이를 조작해서 피해자에게 메일을 보내면 메일 클라이언트가 이를 복호화하면서 외부 리소스를 요청할 때 평문이 유출될 수 있다고 한다.(영어)
• 문돌이도 이해하는 스팀 디앱 (DApp)의 세계 : DApp의 개념을 설명한 글이다. DApp의 기본적인 개념부터 DApp 생태계의 규모와 전망 등을 설명하고 있다. 개인적으로 아직은 DApp에 많은 가치를 두고 있지 않지만, 블록체인과 더불어 중요한 개념이 되었으므로 전혀 모른다면 이 글을 통해 DApp을 이해할 수 있다.(한국어)
  
  

IT 업계 뉴스

• Save the Internet 검열의 위기에 몰려있는 인터넷을 구해주세요 : 문화체육관광부에서 저작권 침해 방지 대책으로 DNS 오염 기법과 SNI 필터링을 도입하기로 하면서 인터넷을 감시하도록 악용될 수 있으므로 이를 막기 위한 사이트이다. 정부가 이런 식의 접근을 하는 것은 큰 문제이므로 청와대 청원도 진행 중이다.(한국어)
• Net neutrality will officially die on June 11 : 작년 12월에 미국 연방 통신위원회(FCC)에서 망 중립성을 폐기하기로 하고 6월 11일에 공식적으로 적용하기로 발표되었다. 사람들은 Red Alert for Net Neutrality!의 사이트 등을 통해 이를 막기 위한 운동을 계속하고 있다.(영어)
• Announcing support for open source projects on travis-ci.com : Travis CI에서 private 저장소용으로 travis-ci.com을 운영하고 오픈소스용으로 travis-ci.org를 운영하고 있었다. 하지만 생각과 달리 사람들이 둘을 헷갈리고 두 플랫폼을 운영하는 것이 어려워서 이번에 합치기로 했다고 한다. 앞으로 새로 만들면 private, public 모두 .com 버전을 이용하고 .org 버전도 차후에는 .com으로 마이그레이션 할 것이라고 한다.(영어)
• Introducing .app, a more secure home for apps on the web : 구글이 가진 최상위 도메인(TLD)인 .app을 외부에서도 등록해서 사용할 수 있도록 공개했다. .app은 HTTPS가 강제되어 있어서 HTTPS인 경우에만 사용할 수 있다.(영어)
• 안드로이드 P: 더 스마트해지고 단순해진 안드로이드를 만나보세요 : 안드로이드의 새 버전인 안드로이드 P의 베타버전이 나왔다.(한국어)
• Google announces a new generation for its TPU machine learning hardware : 구글이 머신러닝용 프로세서 TPU(Tensor Processor Unit)의 새 버전 3.0을 발표했다.(영어)
  
  

프로젝트

• gVisor : 기존 컨테이너보다 더 격리된 컨테이너 런타임 샌드박스로 Google이 오픈소스로 공개했다.
• Kubernetes Ingress Controller for Kong : Kubernetes의 ingress controller로 Kong을 사용할 수 있다.
• GitHub Contribution Chart Generator : GitHub 컨트리뷰션 그래프를 연도별로 모아서 이미지로 만들어 주는 웹페이지.
• Operator Framework : CoreOS에서 Red Hat과 Kubernetes 커뮤니티와 협력해서 Kubernetes 애플리케이션은 관리할 수 있는 Operator 프레임워크를 공개했다.
• isomorphic-git : 웹 브라우저와 Node.js에서 사용할 수 있는 Git JavaScript 구현체.
• Proton Native : React 방식으로 모든 플랫폼의 데스크톱 앱을 만들 수 있는 환경.
  
  

버전 업데이트

• Angular v6.0.0 : JavaScript 프레임워크, 릴리스 공지
• webpack 4.8.0 : JavaScript 번들러, 릴리스 공지
• Rollup v0.59.0 : JavaScript 번들러, 변경사항
• Dojo v2.0 : JavaScript 웹앱 프레임워크, 릴리스 공지
• Puppeteer v1.4.0 : Headless Chrome의 Node.js 라이브러리, 변경사항
• Sublime Text v3.1 : 텍스트 에디터, 릴리스 공지
• Asciidoctor v1.5.7 : AsciiDoc 프로세서, 릴리스 공지
• Rust v1.26 : 프로그래밍 언어, 릴리스 공지
• Rancher v2.0 GA : 기업용 Kubernetes 관리 도구, 릴리스 공지
• Traefik v1.6 : HTTP 리버스 프락시/로드 밸런서, 릴리스 공지
• Consul v1.1 : 서비스 디스커버리/설정 도구, 릴리스 공지
• Vagrant v2.1.0 : 개발 환경 구성 도구, 릴리스 공지
• PyPy v6.0 : Python 구현체, 릴리스 공지
• GCC 8.1 : GNU 컴파일러 컬렉션, 릴리스 공지
• Apache HBase v2.0.0 : 하둡을 위한 분산 데이터베이스, 릴리즈 공지
• Vapor v3.0.0 : Swift 웹 프레임워크, 릴리스 공지
• Up v0.6.0 : 서버리스 앱 개발 및 배포 도구, 릴리스 공지
• PyTorch v1.0 : Pythong 딥러닝 프레임워크, 릴리스 공지
• EOSIO Dawn 4.0 : 분산 애플리케이션 인프라, 릴리스 공지