Outsider's Dev Story

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

기술 뉴스 #129 : 19-07-01

웹개발 관련

  • The cost of JavaScript in 2019 : V8에서 JavaScript의 처리 성능을 높이는 방법에 관해 설명한 글이다. JavaScript 파일이 50 ~ 100KB가 넘으면 작은 번들로 나누는 것이 다운로드도 빠르고 CPU와 메모리 비용도 줄일 수 있고 JavaScript 파일의 실행 시간을 줄이고 인라인 스크립트는 메인 스레드가 담당하기 때문에 너무 많이 사용하지 말라고 하고 있다. 왜 이러한 부분이 실제로 빠른지도 설명하고 있는데 V8에 메인 스레드 외에 워커 스레드로 JavaScript의 실행을 나누어서 처리하기 때문에 이를 활용하면 파싱/컴파일 시간을 줄일 수 있다고 한다.(영어)
  • Every Layout : CSS로 웹사이트의 레이아웃을 구성할 때 종류별로 어떤 문제가 있고 해결방법이 무엇인지를 자세하게 설명하는 글이다. 현재는 아래로 쌓는 Stack과 가운데 큰 영역이 있는 Cover 레이아웃, 사이드바 레이아웃을 볼 수 있고 다른 레이아웃은 아직 열리지 않은 상태이다. CSS를 전문적으로 하지 않다 보니 상황에 급급하게 해결할 때가 많은데 여러 조건을 고려해서 해결책을 제시하고 있다는 점에서 유용해 보인다.(영어)
  • THE SECRET OF GOOD ELECTRON APPS : Electron 앱을 만들 때 메모리도 적게 쓰고 속도를 빠르게 하기 위해서 main 프로세스와 renderer 프로세스 뒤에 Node 프로세스를 띄워서 처리하는 방식을 설명하고 그 예제 소스를 공유한 글이다. 개발 과정에서는 Node 백엔드 프로세스를 별도의 창에 띄워서 개발자 도구로 쉽게 디버깅할 수 있다.(영어)

그 밖의 개발 관련

  • Stop Writing Code Comments : 코드에 남긴 코멘트는 좋지 않은 코드라는 신호이므로 코멘트가 있으면 코드를 더 명확하게 수정해야지 코멘트를 남기지 말아야 한다는 글이다. 코멘트는 보통 코드가 명확하지 않아서 설명하는 것이므로 실패를 덮는 경우가 많고 코드에 이미 표현한 것을 다시 코멘트로 남기거나 너무 긴 함수를 작성해서 코멘트로 설명하는 것도 추상화의 실패를 의미하므로 차라리 함수로 쪼개는 게 낫다고 얘기하는데 나도 코멘트를 좋아하지 않는 편이라 동감하는 내용이다. 현실 코드는 더 복잡하긴 하겠지만 예시도 잘 나와 있어서 이해하기 좋고 마지막으로 정규표현식에 대한 설명이나 경고 등 코멘트를 남겨도 괜찮을 때도 설명하고 있다.(영어)
  • 엔터프라이즈에서의 오픈 소스 : 기업에서 오픈소스를 어떻게 도입하고 사용하면서 오픈소스 커뮤니티를 다시 어떻게 돕고 있는지 등 회사에서 오픈소스를 사용하는 전략을 AWS에서 30여 페이지의 무료 이북으로 만들어서 배포했다.(한국어)
  • Announcing the Visual Studio Code Installer for Java : Visual Studio Code에서 Java 개발을 할 수 있게 환경을 구성해 주는 인스톨러를 Microsoft에서 공개했다.(한국어)
  • Announcing Envoy Mobile : Envoy Proxy의 기능을 iOS(Swift)와 Android(Kotlin)에서 사용할 수 있는 Envoy Mobile 라이브러리의 프리뷰 버전이 공개되었다. 직접 사용해 보지는 못했지만, 글에 따르면 크로스 플랫폼에서 protobuf 코드 생성을 통해 네트워크를 추상화해서 사용하면서 캐싱이나 스트리밍, Envoy 정책 등을 이용할 수 있다고 한다.(영어)

인프라 관련

  • [번역] 쿠버네티스 네트워킹 이해하기#1: Pods : 쿠버네스트에서 Pod은 서로 간에 통신을 할 수 있는데 여러 호스트 간에 이러한 통신 문제를 해결하기 위해서 쿠버네티스가 오버레이 네트워크를 어떻게 구성해서 사용하는가를 설명하는 글이다. 기본적으로 Docker를 사용할 때 구성되는 네트워크부터 여러 노드 간에 어떤 문제가 있어서 오버레이 네트워크가 필요한지가 나와 있다. 2편, 3편도 있다.(한국어)
  • Lambda@Edge와 CF Invalidation : AWS의 CloudFront 엣지 서버에서 실행되는 Lambda@Edge를 이용해서 들어오는 이미지를 on-the-fly로 리사이징해서 사용자에게 제공하고 지워진 이미지는 더는 제공하지 않도록 S3에서 이미지가 지워졌을 때 이벤트를 Lambda와 연결해서 CDN의 캐시를 제거하는 작업을 설명하고 있다.(한국어)
  • Kubernetes의 Elasticsearch : Elastic에서 Elasticsearch와 kibana를 Kubernetes 클러스터에서 쉽게 배포해서 사용/관리할 수 있도록 Elastic Cloud on Kubernetes(ECK)를 공개했다.(한국어)
  • Kubernetes Context in iTerm2’s Status Bar : Kubernetes에서 현재 사용 중인 컨텍스트를 iTerm2의 상태 바에 표시해서 주는 방법을 설명하고 있다.(영어)

볼만한 링크

  • WHAT I LEARNED CO-FOUNDING DRIBBBLE : 디자인 공유 사이트인 Dribbble을 공동 창업자인 Dan Cederholm이 Dribbble을 창업하고 10년 동안 운영한 뒤 물러나기로 하면서 그동안 배운 20가지를 정리해서 쓴 글이다. 공동 창업자를 신중하게 고르고 티셔츠로 초기 사용자를 모으면서 처음 100명의 사용자의 피드백이 왜 중요했는지 등이 나와 있다. Dribbble이 좋아하는 서비스라서 그런지 그동안의 발전 과정 등도 보여서 재미있게 읽었다. "Designing for designers is… difficult."라는 말이 재미있다.(영어)
  • A Day in the Life of a Core Maintainer : Gatsby 메인테이너가 하루를 어떻게 보내는지를 설명한 글이다. 글의 내용만 보면 풀타임 오픈소스 개발자로 보이는데 오픈소스 프로젝트에서 생산성 있는 작업이 무엇인지 설명하고 아침에 일어나서 이슈와 PR을 리뷰하면서 하루를 시작하고 간단한 일을 위주로 처리하다가 많은 사람에게 의미 있는 영향을 줄 수 있는 작업 위주로 집중해서 작업하면서 방해받지 않도록 슬랙 등의 알림을 끈다고 한다. 약간 긴 글이고 풀타임 메인테이너라 약간 다를 수는 있지만 오픈소스 메인테이너들이 프로젝트 개발을 어떻게 하는지 엿볼 수 있다.(영어)
  • 페이스북 암호화폐 Libra 백서 (번역) : 페이스북에서 공개한 암호화폐 Libra의 백서를 번역한 글이다.(한국어)

IT 업계 뉴스

프로젝트

  • Sublette : 이흥섭님이 만든 컬러 스킴으로 iTerm2, Hyper, Jetbrain, VS code 등에 설정해서 사용할 수 있다.
  • Eva Design System : 커스텀 가능한 디자인 컴포넌트 시스템으로 UI 컴포넌트와 아이콘 셋이 포함되어 있고 Sketch 파일과 Angular, React 컴포넌트 코드까지 함께 제공하고 있다.
  • OpenAPI Generator : OpenAPI 2/3 버전 문서에서 클라이언트 라이브러리, 서버 스텁, 문서를 생성해 주는 도구.
  • Just : Microsoft에서 만든 JavaScript Task 라이브러리.
  • ktop : 터미널에서 Kubernetes의 Pod과 CPU, 메모리를 볼 수 있는 대시보드.

버전 업데이트

2019/07/01 23:45 2019/07/01 23:45