Outsider's Dev Story

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

기술 뉴스 #242 : 24-03-16

웹개발 관련

  • Interaction to Next Paint is officially a Core Web Vital : Core Web Vital에 포함된 항목 중 FID(First Input Delay)를 대체하기 위해서 2022년부터 준비한 INP(Interaction to Next Paint)가 이제 안정화되어 INP가 Core Web Vital에 포함되게 되었다. Chrome도 공식적으로 FID 지원을 중단하고 개발자도 24년 9월 9일까지 FID에서 INF로 전환해야 한다.(영어)
  • CrUX 202402 : Google Chrome에서 실제 사용자가 경험하는 웹사이트 성능을 측정한 데이터 세트인 CrUX의 2024년 2월 데이터가 BigQuery에 등록되었습니다. 직접 조회해 볼 수 있습니다.(영어)
    • LCP가 good을 경험한 사용자는 61.3%
    • FID가 good을 경험한 사용자는 96.2%
    • CLS가 good을 경험한 사용자는 76.6%
    • LCP, CLS, FID 모두 good을 경험한 사용자는 48.8%
    • INP가 good을 경험한 사용자는 80.6%
    • LCP, CLS, INP가 모두 good을 경험한 사용자는 45.6%
  • The End Of My Gatsby Journey : 독특한 데이터 계층과 SSG(Static Site Generator) 덕분에 인기를 끌은 Gatsby가 점점 인기를 잃고 Netlify에 인수된 후 개발까지 멈추게 되었다. 오랫동안 Gatsby를 좋아하고 사용하던 개발자가 더 이상 Gatsby를 안 쓰기로 하면서 Gastby에 무슨 문제가 있었는지를 정리한 글이다.(영어)
    • 수익을 내기 위해서 Gastby Cloud를 도입하면서 증분 빌드 등의 추가 기능을 Gastby Cloud에서만 사용할 수 있고 다른 클라우드에서는 쓰기 어렵게 만들면서 Vercel과의 경쟁에서 이기지 못했고 Netlify에 인수된 이후에도 Gastby Cloud의 기능이 Netlify로 이전될 것이라고 했지만 이는 현실이 되지 않았고 Netlify는 직원을 대부분 해고하게 된다.
    • Netlify의 CEO인 Matt Biilmann은 Gasby가 Next.js와의 혁신 경쟁을 포기하고 깨끗하고 안정적인 프레임워크로 유지하는데 집중한다고 발표했다.
    • Gastby가 사용자에게 외면받은 이유는 의존성이 너무 많아서 다루기 어려웠고 개발 속도와 빌드 속도가 너무 느렸기 때문이다.
    • 그럼에도 Gastby가 잘한 부분은 GraphQL 데이터 레이어, 클라이언트 성능, 플러그인 생태계를 꼽았다.
  • Speedometer 3.0: The Best Way Yet to Measure Browser Performance : Apple WebKit 팀이 Blink, Gecko 등의 주요 브라우저 엔진 개발자들과 협업해서 브라우저 성능을 측정하는 Speedometer 3.0을 공개했다. Speedometer는 다른 벤치마크 도구와는 달리 TodoMVC 앱을 구동해서 실제 웹 앱이 동작하는 것을 테스트할 수 있게 했으며 더 복잡한 앱과 다양한 콘텐츠, 차트, 코드 에디터, WYSIWIG 에디터를 테스트에 추가해서 브라우저 성능을 제대로 측정할 수 있게 되었다.(영어)
  • Interesting ideas in Observable Framework : Observable에서 최근 공개한 Observable Framework의 장점을 소개한 글이다. Observable Framework는 기본적으로 정적 사이트 생성기인데 마크다운 내에서 자바스크립트를 사용할 수 있으면서도 의존하는 셀의 데이터를 변경하면 다른 곳도 즉각적으로 변경되며 데이터로 빌드 시에 로딩되기 때문에 아주 빠릅니다. 마크다운만 관리하면 되기 때문에 관리하기가 쉬워서 빠르게 대시보드를 만들 수 있다.(영어)

그 밖의 개발 관련

  • 테스트가 관리하는 트랜잭션 - 향로 님의 @Transactional 글을 읽고 : 스프링에서 @Transactional을 이용한 롤백 테스트에 대한 향로님의 글에 대해 토비님이 의견을 남긴 글이다. 기술에서 안티패턴은 많은 경우 동작 방식을 제대로 이해 못 한 경우에 발생하는데 토비님은 이 글에서 테스트에서 @Transactional이 어떻게 동작하는지를 설명하고 이 문제가 @Transactional의 문제인지 트랜잭션 테스트 자체의 문제인지 짚고 팀의 상황에 따라 여러 가지 테스트 스타일을 사용할 수 있지만 기본적으로 스프링의 @Transactional을 기본으로 쓰고 트랜잭션 상황을 잘 이해하고 있어야 한다고 얘기하고 있다.(한국어)
  • GitHub Copilot Chat General Availability in JetBrains IDE : 채팅으로 GPT-4와 코드에 대해 대화할 수 있는 Copilot Chat이 JetBrains IDE에서도 GA가 되어 누구나 이용할 수 있게 되었다.(영어)
  • Hono vs. H3 vs. HatTip vs. Elysia - modern server(less) replacements for Express : Node.js의 웹프레임워크인 express가 꽤 오래되었기 때문에 최근 요구사항에 따라 서버리스나 엣지 환경에서 실행할 수 있는 프레임워크의 대안을 설명한 글이다. Hono, h3, Hattip, ElysiaJS를 설명하고 인기도와 벤치마크를 비교해서 보여주고 있다.(영어)
  • Keeping secrets out of public repositories : GitHub 저장소에 실수로 API 키나, 비밀번호 등 민감한 정보를 같이 커밋하는 경우가 있는데 그동안은 GitHub이 탐지해서 메일로 알려주었지만 이제 모든 공개저장소에서 커밋에 이러한 시크릿이 포함된 경우 푸시가 차단되도록 변경되어서 푸시 후 제거가 아니라 푸시 자체를 막을 수 있게 되었다.(영어)

인프라 관련

  • Grafana Labs Observability Survey 2024 : Grafana Labs에서 300명 이상의 실무자에게 설문 조사를 한 결과를 공유했다.
    • 중앙 집중화된 옵저버빌리티를 가진 조직의 79%가 시간과 비용을 아꼈다.
    • 70%의 팀은 4가이 이상의 옵저버빌리티 기술을 사용한다.
    • 사용중이라고 답한 옵저버빌리티의 도구는 62가지다.
    • 응답자 중 61%는 옵저버빌리티의 가장 큰 우려 사항으로 비용이나 예상치 못한 청구서를 꼽았다.
    • 응답자의 98%가 오픈소스 옵저버빌리티 도구를 쓴다고 대답했다.
    • 가장 많이 쓰이는 기술은 Grafana, Prometheus, Grafana Loki, OpenTelemetry, ELK다.
  • 서버리스 ML 훈련 인프라 구축하기: Vertex AI Pipelines & TFX : 당근마켓에서 GKE에서 Kubeflow 파이프라인으로 관리하다가 작년부터 Vertex AI Pipelines로 갈아탔다. Vertex AI Pipelines는 매니지드 서비스라 운영의 부담을 덜 수 있었고 편리한 시각화와 주기적 재실행 등 편리한 기능을 설명하고 모니터링하는 방법도 소개하고 있다.(한국어)
  • Introducing the Daggerverse : 몇 주 전 Dagger에서 Dagger Functions라는 기능을 출시하면서 언어가 달라서 서로 호출할 수 있게 되었기 때문에 Dagger Functions를 모듈화해서 공유할 수 있도록 레지스트리인 Daggerverse를 공개했다.(영어)
  • Introducing Capacitor, a general purpose UI for Flux : GitOps 도구인 Flux가 지금까지는 CLI만 있었지만 이번에 Capacitor라는 GUI를 도입했다.(영어)

볼만한 링크

  • Headcount benchmarks for DevProd teams : 개발자 생산성 관련 플랫폼인 DX에서 고객사의 데이터를 분석해서 여러 회사의 총 엔지니어 인력과 중앙 집중식 생산성 팀의 입력 비율에 대해 정리한 보고서다. 개발자가 1,000명 미만인 회사는 평균 19%의 인력이 개발자 생산성 팀에 있었고 조직이 커질수록 비율은 줄어드는 경향이 있었으며 시리즈 C-E의 회사들은 21.7%, 시리즈 F 이상은 평균 15.8%의 인력이 배치되어 있었다. 각 회사가 중앙집중식 개발자 생산성 팀을 어떻게 구성하고 있는지에 대한 예시도 볼 수 있다.(영어)
  • 사내 해커톤에 진심인 IT서비스 회사, 퍼플아이오 : 글로벌 SaaS 플랫폼으로 도약할 비전을 가지고 있는 퍼플아이오의 인터뷰 기사이다. 사무실 좌석 예약제를 하기 위해 사내 해커톤을 하는데 그 퀄리티가 아주 높다. 코오롱몰과 서비스 개선 업무도 하지만 자체 서비스도 성공하게 하기 위해 해커톤으로 아이디어를 얻어서 코드앤버터라는 팝업/배너 관리 서비스도 출시해서 개선하고 있다. 개발자를 귀하게 여긴다는 슬로건이 좋다.(한국어)
  • Marking the Web’s 35th Birthday: An Open Letter : 월드와이드웹을 만든 Tim Berners-Lee가 5년 전에도 웹이 몇몇 기업에 지배된 문제를 지적한 적이 있는데 이제 AI의 발전으로 이러한 문제가 더 심각해졌다며 웹의 35주년을 맞이하여 공개서한을 작성했다. 해결해야 할 두 가지 문제는 원래 구상했던 웹의 탈중앙화 정신과 위배되는 권력 집중 정도이고 또 하나는 사람들의 정보를 통제할 수 있는 개인 데이터 시장이다. 이러한 문제를 방지하기 위해 개혁하려는 사람에 대한 지지가 필요하다고 호소하고 있다.(영어)
  • 서비스에서 넛지를 추구하면 안 되는 걸까 : 넛지와 다크패턴을 설명하는 글이다. 나도 넛지라는 말을 종종 사용해서 넛지를 넣는 거에 곤란해하는 상황이 좀 의아하긴 했는데 넛지는 사용자가 더 나은 결정을 할 수 있도록 유도하는 방식이고 다크 패턴은 사용자를 속여서 의도하지 않는 선택을 하도록 유도하는 전략이라 둘을 구분해서 사용해야 한다는 부분에 동의한다.(한국어)
  • Vision Pro is an over-engineered "devkit" : Meta의 전 Oculus 헤드인 Hugo Barra가 Apple Vision Pro에 관해 쓴 글이다. Vision Pro 덕에 VR에 관심이 늘어난 건 Meta에게도 좋은 일이지만 Oculus가 그랬듯이 현실에 비해 과한 하드웨어가 들어가서 이건 개발키트의 성격이 강하다고 하고 있다. Vision Pro는 지금까지 장비 중 가장 강력한 디스플레이를 선보였으며 고의로 약간 흐릿하게 해서 픽셀 문제를 해결했지만, 패스스루 모드의 모션 블러 문제는 피하지 못했다. 생산성 면에서 아이패드나 맥북과 비교해서 현재 어떤 위치에 있는지와 초기의 신기함과 실제 사용까지 가기까지의 문제와 가능성을 경험자로서 잘 짚어내고 있다.(영어)

IT 업계 뉴스

  • 대체 앱스토어 설치 앱, EU서 30일 이상 떠나면… : EU의 디지털 시장법 DMA를 준수하기 위해 Apple이 iOS 17.4부터 앱 스토어외에 대체 앱스토어를 지원하기 시작했다. 하지만 대체 앱스토어를 사용하려면 기기 위치가 EU 회원국이어야 하고 다른 국가에 가서 30일 이상 지나면 더 이상 업데이트할 수 없고 새 앱을 설치할 때도 EU 회원국에 있어야 한다고 밝혔다.(한국어)
  • OpenAI denies Elon Musk lawsuit claim that there ever was founding agreement : Elon Musk가 3월 초 OpenAI의 Sam Altman과 Greg Brockman이 초기 창업할 때 OpenAI가 인류를 위한 비영리 단체가 될 것이고 상업적 이익을 위해 정보를 비공개로 하지 않는다는 2015년 창립 계약을 위반했다며 소송을 걸었다. OpenAI는 이러한 합의를 한 적이 없다고 반박했다.(영어)
  • OpenAI and Elon Musk : OpenAI가 위 고소 이후 OpenAI와 Elon Musk와의 관계에 관해 설명했다. 처음 창업할 때 Elon Musk가 참여하고 자본을 댔지만 이후 영리 법인으로 전환하기로 하면서 자신이 CEO가 되길 원했고 Tesla와의 합병도 제안했다가 Tesla 내에서 AGI를 만들겠다며 퇴사했다고 하며 증거 이메일을 공개했다.(영어)
  • Fig is sunsetting, migrate to Amazon CodeWhisperer : 확장된 CLI를 제공하는 Fig가 작년 9월에 AWS에 인수되었는데 올해 9월 1일부로 Fig 접근이 종료되고 앞으로는 Amazon CodeWhisperer에 통합되었으니, CodeWhisperer를 사용하라고 한다.(영어)
  • Introducing the next generation of Claude : Anthropic에서 새로운 LLM인 Claude 3을 출시했다. Claude 3에는 Haiku, Sonnet, Opus 세 가지 모델이 포함되어 있고 Opus가 가장 강력한 모델이다.(영어)

프로젝트

  • Puter : jQuery로 만든 웹용 클라우드 OS, 퀄리티가 아주 놀랍다.
  • PromptHero : AI로 생성한 수백만 개의 이미지의 프롬프트를 검색할 수 있는 사이트.

버전 업데이트

  • Newsletter
  • grafana Gatsby web vitals INP
  • BYNCSA

Comments

RetroTech 팟캐스트 44BITS 팟캐스트
Valid HTML5 Valid CSS WCAG 2.1 AA tested