Outsider's Dev Story

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

기술 뉴스 #235 : 23-12-01

웹개발 관련

  • An Interactive Guide to CSS Grid : CSS로 레이아웃을 다룰 수 있는 CSS Grid를 실제로 예제로 동작을 테스트해 보면서 설명하는 튜토리얼이다. 기본적인 Grid의 동작부터 행과 열의 지정, %와 fr 단위에 따라 어떻게 동작하는지, 자식 요소가 늘어날 때 Grid 레이아웃이 어떻게 동작하는지를 보여주면서 이해하기 쉽게 설명하고 다양한 레이아웃을 그리기 위한 동작 방식도 보여준다.(영어)
  • sentry-javascript: replace prettier with biome : Sentry의 JavaScript SDK에서 Prettier를 Rome의 대체제인 Biome로 교체했다.(영어)

그 밖의 개발 관련

  • Bundleless: Not Doing Things Makes You Fast : Armin Ronacher가 Guillermo Rauch의 트윗을 보고 번들링 없는 개발을 지지하는 글을 작성했다. 이는 개발 중에 모듈이 많은 경우 이를 로드하는 데 오래 걸리므로 성능 문제를 해결하려면 번들링이 필요하다는 주장을 반박한 것이다. 이는 접근이 잘못된 것이고 번들링을 늘리는 것이 아니라 시작 시에 코드 실행을 줄여서 로드 시간을 줄이고 필요할 때 로딩해야 하는 것이고 사용자와 프레임워크 제작자의 목표는 번을 없이 개발할 수 있도록 하는 것을 선호해야 한다고 얘기하고 있다.(영어)
  • The Node.js Event Loop : Node.js에서 비동기 작업을 처리하는 이벤트 루프의 내부 동작을 설명하는 글이다. 서버에 요청이 몰렸을 때 어떤 영향이 있는지를 비교하기 위해 예시 프로젝트로 부하 테스트를 하면서 Event loop utilization(ELU)를 사용해서 이벤트 루프의 여유 용량을 확인하는 방법을 소개하고 fastify/under-pressure로 이벤트 루프 사용률을 지정해서 요청이 몰렸을 때 어떤 차이가 있는지를 보여준다. 이러한 결과를 통해 동기식 처리는 이벤트 루프 밖으로 빼고 비동기 호출의 수를 줄이는 방법을 모범 사례로 소개한다.(영어)


인프라 관련

볼만한 링크

IT 업계 뉴스

프로젝트

  • terkelg : GitHub의 프로필 페이지를, SVG를 이용해서 반응형 페이지로 만든 프로젝트.
  • AuthKit : SSO를 제공하는 WorkOS에서 자사의 API 와 연동할 수 있는 상당히 멋진 로그인 UI를 오픈소스로 공개했다.
  • Rsbuild : Rspack 기반의 빌드 도구.
  • Wasmb By Example : 예제 프로그램으로 WebAssembly를 설명하는 사이트.

버전 업데이트

2023/12/01 05:26 2023/12/01 05:26