웹 개발에서 앞서 나가세요: 최신 뉴스, 도구 및 통찰력 #62

여기에서 뉴스레터에 등록하면 주간 요약을 받은편지함으로 바로 받아볼 수 있습니다.

weeklyfoo #62가 여기 있습니다: 당신이 알아야 할 모든 웹개발 뉴스에 대한 주간 요약입니다! 이번에는 6개 카테고리에서 48개의 귀중한 링크를 찾을 수 있습니다! 즐겨보세요!

? 읽어보세요!

• 반응하지 않으면 어떻게 될까요?: 프레임워크주의는 전달되지 않습니다. 답은 다른 도구가 아니라 엔지니어링을 하는 용기입니다. 작성자: Alex Russel / frameworks, react / 51분 읽기

---

? 알아두면 좋은 점

• Hetzner의 Kubernetes: 인프라 비용을 75% 절감하고 컴퓨팅을 2배 늘린 방법. 작성자: Bill Franklin / k8s, kubernetes, hetzner / 0 분 읽음
• 15년간의 인디 앱 개발 과정에서 얻은 15가지 교훈: 첫 번째 교훈은 제가 가장 좋아하는 교훈입니다. 작성자: Lukáš Petr / 인디 / 15분 읽기
• 채용의 디자인: 청중을 아는 것, 영리함보다 명확함, 느린 것이 순조로운 이유 - Carly Ayres / 이력서, 지원서 / 읽기 7분
• Undici v7 출시: Matteo Collina / nodejs, http / 의 인기 있는 http 클라이언트 주요 릴리스 8분 읽기
• GenAI가 기술 채용을 재구성하는 방법: 대규모 언어 모델로 인해 기술 채용 관리자는 소프트웨어 엔지니어링 인터뷰 프로세스를 빠르게 조정해야 합니다. Gergely Orosz, Elin Nilsson / 인터뷰 / 16분 읽기
자아 없는 공학: 매우 흥미로운 내용을 읽었습니다! 작성자: Dan McKinley
• / 엔지니어링 / 19분 읽기
INP를 개선하는 방법: React: React를 사용할 때 INP(Interaction-to-Next-Paint)를 개선하기 위해 어떤 패턴을 사용할 수 있는지에 대한 심층 기사입니다. by Jacob Groß
• / react, inp, performance / 20 분 읽음
Astro 5.0: Astro의 다음 주요 릴리스가 출시되었습니다! 작성자: astro.build
• / astro / 읽기 12분
스크롤을 망치지 마세요: 일반적인 스크롤 동작을 바꾸지 말아야 할 10가지 이유. 작성자: Adam Siekierski
• / 스크롤 / 6분 읽기
Astro로 전환한 이유(그리고 관심을 가질 만한 이유): Next.js에서 Astro로의 마이그레이션에 대한 이야기. 작성자: Stefano Verna
• / astro / 15분 읽기
전문적 관계를 성장시키는 방법: Tejas는 전문적 관계를 측정하는 방법에 대해 자신의 스펙트럼을 공유합니다. 작성자: Tejas Kumar
• / 엔지니어링, 협력 / 19분 읽기
• 클라우드 컨테이너 아이스버그(Cloud Container Iceberg): 이 가이드는 두 가지 목적으로 제공됩니다. 하나는 현재 사용할 수 있는 놀랍도록 광범위한 컨테이너 옵션을 보여주고, 실용적인 것부터 매우 실험적인 것까지 모든 선택 범위를 이해하도록 돕는 것입니다. 작성자: Adam Gordon Bell / 컨테이너 / 14분 읽기
• React v19: React.dev의 다음 주요 릴리스 / react / 22분 읽기
• CSS Wrapped 2024: 2024년의 Chrome과 CSS는 숲, 산, 바다를 건너 여행했습니다. by chrome.dev / css / 18분 읽기
• 오픈 소스 애플리케이션이 상용 소프트웨어보다 UI가 덜 세련된 경우가 많은 이유: 오픈 소스 애플리케이션은 기술에서 중요한 역할을 하며 강력한 도구, 혁신 및 커뮤니티 중심 개발을 제공합니다. 그러나 많은 사용자는 오픈 소스 소프트웨어의 사용자 인터페이스(UI)가 상용 폐쇄 소스 소프트웨어에 비해 세련미와 정교함이 부족한 경우가 많다는 사실을 알고 있습니다. 작성자: Darren Horrocks / oss / 4분 읽기
• 다음 플랫폼: Kubernetes에서 경력을 쌓은 사람으로서 저는 항상 (직업 보안 목적으로) "다음 플랫폼"이 무엇인지 고민하고 있습니다. 작성자: Mac Chaffee / 플랫폼, k8s / 1분 읽기
• Prompt Engineering Toolkit 소개: LLM에서 정확하고 관련성 높은 결과를 얻기 위한 프레임워크입니다. 작성자: 시시 롱, 김화민, Manoj Sureddi / llms, ai / 1분 읽기
• 콜드 이메일 핸드북: 콜드 아웃바운드 이메일용 플레이북. by za-zu.com / 마케팅 / 64분 읽기

---

? 도구

• Steel: AI 에이전트 및 앱을 위한 오픈 소스 브라우저 API. Steel Browser는 인프라에 대한 걱정 없이 웹을 자동화할 수 있는 배터리 포함 브라우저 인스턴스입니다. by steel.dev / ai, api, 브라우저
• Glyph Neue: 아름다운 아이콘 by Icons8.com / icons
• LaTeX.css: LaTeX.css는 웹 사이트를 LaTeX 문서처럼 보이게 만드는 CSS 라이브러리입니다. 작성자: Vincent Dörig / css
• SeekStorm: Rust의 밀리초 미만 전체 텍스트 검색 라이브러리 및 다중 테넌시 서버(Seekstorm.com / search, rust 제작)
• 완벽주의자: 코드를 미용실에 가져가세요 by Azat S / code, beautifier
• Skia Canvas: Christian Swinehart / canvas, nodejs가 제작한 Node.js용 GPU 가속 2D 그래픽 환경
• Legend State: Legend-State는 legendapp.com / state, react에 의해 세분화된 반응성과 손쉬운 자동 지속성을 가능하게 하는 매우 빠르고 강력한 상태 라이브러리입니다.
• 깃털 아이콘: Cole Bemis / icons의 간단하고 아름다운 오픈 소스 아이콘
• giscus: GitHub 토론을 기반으로 하는 댓글 시스템입니다. 방문자가 GitHub를 통해 웹사이트에 댓글과 반응을 남길 수 있습니다! 말에서 많은 영감을 받았습니다. by giscus.app / 댓글, github
• React-verification-input: React를 위한 사용자 정의 가능한 마스크 입력입니다. 작성자: Andreas Willi / 반응, 컴포넌트
• React Bluesky 임베드: Hichem Fantar / react, comComponent, bluesky를 통해 게시물, 댓글, 프로필과 같은 Bluesky UI를 애플리케이션에 임베드합니다.
• Tailwind 색상: 16진수, hsl 및 rgb 값이 포함된 편리한 치트시트에 모든 Tailwind CSS 색상이 포함되어 있습니다. by tailscan.com / colors, tailwind
• Kinesis.js: 마우스 움직임, 스크롤 이벤트, 오디오 입력과 같은 사용자 상호 작용을 기반으로 매력적인 애니메이션과 변환을 생성하는 구성 요소 모음을 제공하는 라이브러리입니다. 작성자: Amine Bouyarmane / 애니메이션
• Spark UI: 애니메이션 구성요소의 마법을 경험해 보세요. Vue, TypeScript, TailwindCss 및 Vueuse Motion으로 제작 by Spark-ui.dev / ui
• Markwhen: 마크다운과 같은 텍스트로 계단식 타임라인을 만듭니다. 간단한 미국/유럽 날짜 스타일, ISO8601, 이미지, 링크, 위치 등을 지원합니다. by markwhen.com / markdown, 타임라인
• Outerbase Studio: 브라우저의 경량 데이터베이스 GUI입니다. Postgres, MySQL 및 SQLite에 대한 연결을 지원합니다. by studio.outerbase.com / 데이터베이스
• Surreal Cloud: 모두를 위한 클라우드 by surrealdb.com / infra, cloud
• Radon IDE: Radon IDE는 편집기를 React Native 및 Expo를 위한 모든 기능을 갖춘 IDE로 바꿔주는 VSCode 및 Cursor 확장입니다. by swmansion.com / ide
• Linkify: 일반 텍스트에서 링크를 찾아 HTML 태그로 변환하는 JavaScript 플러그인입니다. 작성자: Nick Frasser / javascript, 링크
• Checkmate: Checkmate는 아름다운 시각화를 통해 서버 하드웨어, 가동 시간, 응답 시간 및 사건을 실시간으로 추적하고 모니터링하도록 설계된 오픈 소스, 자체 호스팅 도구입니다. by checkmate-demo.bluewavelabs.ca / 모니터링
• 브라우저 샌드박스: 온라인 URL 샌드박스라고도 알려진 온라인 브라우저 샌드박스를 사용하면 네트워크 외부의 격리된 환경에서 실행되는 브라우저에서 신뢰하지 않는 웹 사이트를 안전하고 안전하게 열 수 있습니다. by browserling.com / 보안, 샌드박스
• BoldSign: 당사 앱이나 귀하의 앱에서 온라인으로 법적 구속력이 있는 전자 서명을 쉽게 수집할 수 있습니다. 저렴한 가격에 모든 기능을 갖춘 엔터프라이즈급 전자 서명 애플리케이션 및 API입니다. byboldsign.com / 서명
• Agree.com: AI 기반 워크플로, 무료 전자 서명, 자동 송장 발행 및 통합 결제를 통해 모든 계약을 안전하게 보내고 서명하세요. bygree.com / 서명

---

? 설계

• 모든 디자이너에게 필요한 파일 폴더 구조: 깔끔하게 유지하세요. 작성자: Dan Mall / 파일 / 9분 읽기

---

? 튜토리얼

• Monorepo용 TypeScript CLI 생성: 반복 작업에 빠르게 액세스하는 데 유용한 도구입니다. 작성자: Chris Cook / cli, typescipt / 9분 읽기
• 게임에서 웹으로의 젖빛 유리: 멋진 흐림 효과를 만듭니다. 작성자: Wolf Leonhardt / css / 17분 읽기

---

? 비디오

• AWS Step Functions(API402)를 사용하여 고급 워크플로 구축: AWS re:Invent 2024(Eric Johnson / aws, workflows)
• 모두를 지배하는 하나의 프레임워크: Astro를 사용한 더 빠른 웹 사이트: Eddy Vinck / astro의 All Things Open 2024에서 발표
• London TypeScript 커뮤니티 모임: 네 가지 훌륭한 강연 모두. by 런던 TypeScript 커뮤니티 모임 / typescript

더 읽어보고 싶으신가요? 여기에서 전체 기사를 확인하세요.

주간 뉴스레터를 구독하려면 Weeklyfoo.com을 방문하세요.

위 내용은 웹 개발에서 앞서 나가세요: 최신 뉴스, 도구 및 통찰력 #62의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!