웹 개발

• Markdown에 대한 빠르고 쉬운 안내서
• JavaScript 없이 비동기 DOM 업데이트를 하는 Streaming HTML
• 새로운 HTML permission 요소에 대한 오리진 트라이얼
• Node.js는 여기에 남아 있습니다
• WWDC24 소식: Safari 18 베타에서 WebKit
• 개발자들이 Wasm을 사용하는 놀라운 방법 11가지
• 6년 만에 GraphQL에 미련이 없어졌습니다
• 2024년 프론트엔드 현황 조사
• 최소한의 SVG 파비콘

도구

• Deno에서 NestJS 사용하기?
• 2024년에 DIY 노드 서버 실행하는 방법
• IDE가 덜 똑똑하게 만들까요?

성능

• Speculation Rules로 초강력 웹사이트 만들기
• 2024년에 Google Lighthouse 점수 변경하는 방법

접근성

• 표준화의 장점인 World Wide Accessibility
• 접근 가능한 디자인을 위한 CSS에서 Rem 단위 사용 방법
• 콘텐츠 숨김 기법과 그 접근성 영향

효과

• SDF 및 WebGL을 사용한 Shape Lens Blur 효과
• SVG에서 임의 경로 변형

CSS

• CSS 컨테이너 스타일 쿼리는 무엇을 위해 좋을까요?
• CSS와 웹 UI의 최신 소식: I/O 2024 요약
• CSS의 보스 배틀 중 하나는 거의 이겼습니다! Auto로의 전환
• 사용자 정의 속성에 대한 조건문
• 또 다른 앵커 위치 설정 데모: 여러 앵커

JavaScript

• TypeScript 5.5 RC 발표
• TC39가 중요 제안들을 진행 중: 지연된 Import 평가, Error.isError(), RegExp 이스케이핑, Promise.try
• 여러 매개변수를 받는 JavaScript 함수를 어떻게 구성하는지 (에픽 가이드)
• 단일 취약점이 JavaScript 생태계를 무너뜨릴 수 있는 방법
• JavaScript가 모듈 경험을 개선하고 있는 이유

• TypeScript
  • 나는 TypeScript을 이해하지 못한 채로 작성해 왔어요
  • TypeScript은 ECMAScript의 Set 메소드를 지원합니다
• React
  • 오늘 React 컴파일러를 시도해 봤는데, 짠! 😉
  • React에서 이커머스 검색을 구현하는 최고의 도구들
  • 내가 발견한 멋진 VSCode 확장 프로그램들
• Vue
  • Composition API로 Vue.js 3에서 Vue Router를 어떻게 마스터할까요?
• Angular
  • Rust(Wasm)로 Angular을 강화하는 방법
  • Angular을 이용한 모듈 페더레이션을 사용한 마이크로 프론트엔드 구축 — Angular을 이용한 수직 애플리케이션