Outsider's Dev Story

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

기술 뉴스 #161 : 20-11-01

웹개발 관련

  • Introducing Microsoft Edge preview builds for Linux : Microsoft에서 Linux용 Edge 브라우저의 프리뷰 버전을 공식으로 공개했다.(영어)
  • Async Cookie Store API 살펴보기 : Introducing: The Async Cookie Store API의 번역 글로 웹에서 프론트엔드 개발을 하면서 쿠키를 처리해 봤다면 누구나 왜 쿠키는 이렇게 하나하나 파싱해서 처리해야 하나 생각했을 텐데 cookieStore를 통해서 원하는 쿠키를 쉽게 가져오거나 설정하는 방법을 포함해서 이벤트 리스너를 등록해서 변화되는 쿠키를 모니터링 하는 방법을 소개한다. 현재는 크롬 87 이상에만 포함되어 있다.(영어)
  • Meet Face ID and Touch ID for the Web : Safari 브라우저에서 WebAuthn API를 이용해서 Apple의 Face ID나 Touch ID를 사용할 수 있도록 제공하게 되었다. navigator.credentials.create()로 Face ID/Touch ID를 제공하고 navigator.credentials.get()로 기존에 저장된 인증을 보여주는 방법을 설명하고 사용자의 행동에 따라 활용하는 방법이 나와 있다.(영어)
  • Cloudflare Analytics review : Google Analytics의 오픈소스 대체재인 Plausible Analytics의 개발자가 Cloudflare가 최근 공개한 Analytics를 리뷰한 글이다. Cloudflare Analytics가 Plausible Analytics보다 18배 많은 방문자와 페이지뷰를 기록하는데 서버 로그로 분석하기 때문에 부정확하다. 프라이버시를 지키는 Analytics로 가는 것은 좋지만 10% 정도의 데이터를 샘플링한 결과이고 7일 이전의 데이터는 삭제되며 일부 중요 매트릭이 빠져있다고 한다.(영어)
  • Introducing the new Google Analytics : 새로운 Google Analytics에서는 작년에 베타로 공개했던 앱과 웹을 통합한 매트릭을 제공해서 더 중요한 인사이트를 제공할 수 있게 되었다.(영어)
  • Announcing Ionic Vue : Ionic 프레임워크의 Vue 버전이 공개되었다. 이는 Vue 3 기준으로 작성되었고 iOS, Android, Web을 만들 수 있다.(영어)

그 밖의 개발 관련

  • 우리는 코드 리뷰를 잘하고 있을까요? : 스타일쉐어에서 외부 강사를 모시고 코드리뷰에 대한 강연을 듣고 내용을 정리하며 현재 스타일쉐어에서 잘하는 부분과 못하는 부분을 정리한 글이다. 코드리뷰를 통해 팀 전체가 성장할 수 있고 오너쉽을 발휘할 수 있는데 리뷰를 잘하기 위해 지루한 작업은 자동화하고 빨리 리뷰를 진행하고 피드백은 고수준에서 저수준으로 남기는 게 좋다고 한다. 서로 감정이 상하지 않게 명령보다는 요청으로 남기고 제안할 때는 근거를 같이 남겨야 하고 한 번에 좋은 코드가 된다기보다 점점 좋아지기를 기대해야 한다고 한다.(한국어)
  • OAuth 3 : OAuth 2의 다음 세대 프로토콜인 Grant Negotiation and Authorization Protocol의 Internet Draft가 작업 되고 있다. 아직 명확하게 OAuth 3이라고 명명되지는 않았다.(영어)

인프라 관련

  • 4 Simple Kubernetes Terminal Customizations to Boost Your Productivity : Kubernetes 클러스터를 운영하면서 kubectl 사용의 생산성을 높일 수 있을 팁을 정리한 글이다. 여러 팟의 로그를 쉽게 볼 수 있는 kubetail, 기본 네임스페이스를 쉽게 바꿀 수 있는 명령어 별칭, 쉘에 컨테스트와 네임스페이스 표시, 자주 사용하는 명령어의 여러 가지 별칭을 정리해 두었다.(영어)
  • Announcing HashiCorp Boundary : HashiCorp에서 VPN이나 방화벽 대신 서버나 서비스의 접근제어를 세밀하고 안전하고 할 수 있는 새 프로젝트 Boundary를 발표했다.(영어)
  • Announcing HashiCorp Waypoint : HashiCorp에서 빌드, 배포, 릴리스의 워크플로우를 어떤 플랫폼에서든 일관적으로 HCL로 작성할 수 있는 새 프로젝트 Waypoint를 발표했다.(영어)
  • Road to gRPC : Cloudflare에서 gRPC 지원하기까지의 과정을 설명한 글이다. gRPC가 HTTP/2를 쓰고 있어서 HTTP/2를 이미 지원하는 Cloudflare에서 바로 쓸 수 있을 것 같지만 다음과 같은 이유로 사용할 수 없었다.
  • HTTP trailer 헤더를 엣지 프락시가 완전히 지원하지 않고 있었다.
  • 엣지 프락시가 오리진에서 객체를 가져올 때는 HTTP/1.1을 쓰고 있었는데 gRPC를 프락시하려면 오리진과의 통신에도 HTTP/2를 사용해야 했다.
  • gRPC 스트리밍을 지원하려면 반대쪽에서 응답 헤더를 받은 뒤에 바디를 보내야 했다.
    이를 해결하기 위해 gPRC 메시지를 CloudFlare 내부에서만 trailer 헤더 없이 HTTP/1.1 메시지로 변환하는 방법인 gRPC-web을 이용하고 이를 다시 HTTP/2로 변환하고 오리진에서 HTTP/2를 지원할 수 있도록 별도의 오리진 프락시를 구성했다고 한다.(영어)

볼만한 링크

  • Microsoft begins to finally kill off Internet Explorer : 11월 17일 정도에 릴리스 될 Edge 87부터는 사용자가 IE로 IE 호환이 되지 않는 사이트에 접속했을 때 자동으로 Edge로 리다이렉트 시킨다고 한다.(영어)
  • The Era of Visual Studio Code : 텍스트 에디터는 가장 인기 있는 에디터가 자주 바뀌어 왔지만 이런 흐름은 Visual Studio Code가 정상에 오르면서 끝났다고 얘기하는 글이다.
  • 과거 다른 에디터가 이르지 못했던 인기를 얻고 있다. 2019년 Stack Overflow 설문에 따르면 50%를 넘었는데 다른 에디터는 40%를 넘어보지 못했다.
  • BBEdit, Emacs, Vim, TextMate, Sublime Text, Atom으로 이어지는 익스텐션의 발전을 완성해서 플랫폼으로 만들었다.
  • 데스크톱 앱 뿐 아니라 호스팅 웹앱까지 지원하면서 패러다임에서 앞서가고 있다.
  • TextMate와 Sublime Text가 모두 한 명의 개발자가 주도하다가 시간이 지나면서 릴리스가 느려진 문제를 지적하면서 VS Code는 대기업인 Microsoft가 관리하고 있고 커밋 그래프도 안정적임을 보여준다.

IT 업계 뉴스

프로젝트

  • Grafana Tempo : 분산 트레이싱 백엔드.
  • Next.js Analytics : Next.js 웹사이트의 성능 분석 도구.
  • Next.js Commerce : Next.js 기반의 이커머스 사이트 스타터 킷.
  • lobe : 머신러닝 모델을 쉽게 학습시키게 도와주는 도구로 현재 이미지 구별 템플릿이 공개되어 있다. 베타 신청을 하면 바로 다운로드를 받을 수 있다.
  • Scala zone : Scala 3을 무료로 온라인에서 배울 수 있는 사이트.

버전 업데이트

2020/11/01 23:27 2020/11/01 23:27