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

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

? 읽어보세요!

• 쓰는 사람과 쓰지 않는 사람: 저는 보통 기술에 대해 예측하는 것을 꺼려하지만 이것에 대해서는 상당히 확신합니다. 수십 년 후에는 글을 쓸 수 있는 사람이 많지 않을 것입니다. / 엔지니어링 / 3분 읽기

---

? 알아두면 좋은 점

• JavaScript를 두 가지 언어로 나누어야 합니까? Google이 주도하는 새로운 제안은 의견을 엇갈립니다: 개발자를 위한 핵심 엔진 및 도구. / javascript / 읽기 6분
• 보안 버그가 인기 인디 해커 제품인 ShipFast를 드라마틱하게 뒤덮었습니다. SaaS에 상용구 코드를 사용하는 경우 몇 가지 심각한 사항이 있습니다. / saas, boilerplate / 17분 읽기
• Javascript 모노레포 git 크기를 94% 줄인 방법: 저장소 크기에 관한 말도 안되는 이야기입니다. / git / 8분 읽기
• 도메인 이름을 구입하기 전에 먼저 유령이 나오는지 확인하십시오. 이전에는 이에 대해 생각해 본 적이 없습니다. 이제 하겠습니다! / 도메인 / 8분 읽기
• Git 커밋 검색 및 탐색: 코드 베이스에서 git cli를 사용하여 검색하는 방법 알아보기 / git / 12 분 읽음
• 우리는 Flutter를 포크하고 있습니다. 이래서요.: 그리고 Flock이라고 하죠. / flutter, frameworks / 11분 읽어보세요
• 좋은 소프트웨어 엔지니어에 관해: 많은 코드를 생성하는 것만이 아닙니다. / 엔지니어링 / 읽기 8분
• HTML 양식 유효성 검사는 많이 사용되지 않습니다. HTML 양식에는 강력한 유효성 검사 메커니즘이 있지만 많이 사용되지 않습니다. 사실, 그들에 대해 자세히 아는 사람도 많지 않습니다. 디자인에 어떤 결함이 있어서 그런 걸까요? 살펴보겠습니다. / html, 양식 / 8분 읽기
• 확장하기 쉽지 않고 삭제하기 쉬운 코드 작성: 작성된 모든 코드 줄에는 유지 관리라는 대가가 따릅니다. 많은 코드 비용을 지불하지 않기 위해 우리는 재사용 가능한 소프트웨어를 구축합니다. 코드 재사용의 문제점은 나중에 마음이 바뀌는 데 방해가 된다는 것입니다. / engineering / 18분 읽기
• 기술 리더의 의사 결정 함정: Tech가 가장 좋아하는 파티 비법은 전환 코칭이나 역할에 수반되는 브리핑 없이 프로그래머를 리더십 역할로 승진시키는 것입니다. 프로그래머가 승진을 수락하는 이유는… 내 말은, 물론 당신도 승진을 수락할 것이기 때문입니다. 그러면 그들은 금세 자신의 능력을 상실하게 됩니다. / 리더십 / 18분 읽기
• 예, 아니면...: 상황에 맞는 기술 명언. / 엔지니어링 / 4분 읽기
• GitHub Spark를 사용하면 일반 영어로 웹 앱을 구축할 수 있습니다. Github / ai, github / 7분 읽기
약간 실패한 이유: 약간의 사후 분석: 초기 단계의 데이터 시작이 실패한 이유에 대한 최선의 추측입니다. 이것은 회고가 아니라 과거의 나에 대한 조언에 더 가까운 것입니다. 아니면 그냥 엑소시즘일 수도 있습니다.
• / 스타트업 / 10분 읽기
수십억 개의 레코드 마이그레이션: 사용 중인 활성 DNS 데이터베이스 이동
• / cloudflare, 데이터베이스, 마이그레이션 / 23분 읽기
가시성을 높이는 방법: 가시성을 높이는 방법에 대한 Kents의 조언
• / 가시성 / 6분 읽기
사용자 정의 커서의 재미: 기본 마우스 커서 모양을 변경하는 두 가지 방법.
• / 커서, css / 9분 읽기
My Modern CSS Reset: 새 프로젝트의 CSS를 재설정하는 시작 도구.
• / css / 읽기 10분
성공적인 Rust 재작성에서 얻은 교훈: C에서 Rust로 재작성하고 얻은 교훈에 대한 이야기.
• / rust / 15분 읽기
급여 협상 - 더 많은 돈을 벌고, 더 가치 있게 되세요: Patrick McKenzie의 급여 협상 가이드
• / 급여, 경력 / 36분 읽기
2024년 프런트엔드 현황: 최대 규모의 프런트엔드 보고서 세 번째 판입니다.
• / 설문조사, 프런트엔드 / 67분 읽기
Octoverse: 글로벌 개발자 수가 급증함에 따라 AI는 Python을 최고의 언어로 이끌고 있습니다. 올해 Octoverse 보고서에서는 GitHub의 공개 및 오픈 소스 활동이 글로벌 개발자 커뮤니티의 규모가 급증함에 따라 AI가 어떻게 확장되고 있는지 보여주는 방법을 연구합니다.
• / github, octoverse / 50분 읽기
• ChatGPT 검색 소개: 관련 웹 소스에 대한 링크를 통해 빠르고 시기적절하게 답변을 얻으세요. / search, ai / 8분 읽기
• '의욕을 잃은 많은 사람들': 유령 직업이 기술 근로자에게 큰 타격을 주고 있습니다. 채용 담당자와 직업 코치는 이러한 직업이 여러 가지 교활한 목적을 제공한다고 말합니다 / 직업, 경력 / 12분 읽기
• 가능한 경우 캐시하세요: 일반적인 캐싱 전략 살펴보기 및 CQRS가 처음부터 요구 사항을 대체할 수 있는 방법 / 캐시 / 11분 읽기
• 측정의 함정: 지표 / 분석, 측정, 제품 / 9분 읽기
머리도 없고, 뼈도 없고, 피부도 없고, 생명도 없는 UI: UI 추상화는 해마다 계속 발전하고 있습니다. 몇 가지, 무엇을 하는지, 왜 하는지에 대해 이야기하고 우스꽝스러운 이름으로 살짝 놀려보겠습니다.
• / ui / 7분 읽기
myAngular: 프런트엔드 라이브러리(React, Vue, Angular)와 그 작동 방식에 대한 기본 원칙이 순수 JavaScript(VanillaJS)를 사용하여 단일 파일에 모두 담겨 있습니다.
• / 프런트엔드, 프레임워크 / 10분 읽기

---

? 도구

Typeset: 웹 타이포그래피
• / 타이포그래피용 HTML 전처리기
향상된 업로드: React를 위한 간단한 파일 업로드
• / upload, s3, react
UI 글꼴: 모든 디자인 요구 사항에 맞게 글꼴을 실시간으로 테스트하고 미리 볼 수 있습니다. 완벽한 서체를 쉽게 선택하세요.
• / 글꼴
di-wise: ECMAScript 데코레이터가 포함된 JavaScript 및 TypeScript용 가볍고 유연한 종속성 주입 라이브러리.
• / javascript
트렌치: 오픈 소스 분석 인프라. 이벤트, 사용자, 페이지 조회수 및 상호 작용을 추적하기 위해 ClickHouse, Kafka 및 Node.js를 기반으로 구축된 프로덕션용 단일 Docker 이미지입니다.
• / 분석
CondingFont: 소프트웨어 엔지니어로서 우리는 코드를 훑어보고, 읽고, 변경하는 데 많은 시간을 보냅니다. 우리가 하루 8시간씩 쳐다보는 코딩 폰트는 우리의 생산성과 편안함과 많은 관련이 있습니다. 이것이 바로 여러분이 코딩 글꼴에 대한 진정한 사랑을 찾을 수 있도록 이 게임화된 경험을 만든 이유입니다!
• / 글꼴
Zen 브라우저: 사람들이 추적하지 않고 웹을 탐색하면서 평온함을 경험하세요!
• / 브라우저
• Zerox: gpt-4o-mini / ocr, ai를 사용한 제로샷 PDF OCR
• ml.js: JavaScript의 기계 학습 도구 / ml
• OriginUI: Tailwind CSS 및 Next.js로 구축된 아름다운 UI 구성요소. / ui
• pgdoc 링크: 이 사이트는 PostgreSQL 문서에 대한 유용한 바로 가기를 제공합니다. / docs, postgres
• 데이지UI: 가장 인기 있는 무료 오픈 소스 Tailwind CSS 구성 요소 라이브러리 / ui
• React Modal Sheet: 접근성을 염두에 두고 매우 부드러운 UX를 제공하기 위해 Framer Motion으로 구축된 유연한 하단 시트 구성 요소 / react
• Wazuh: 엔드포인트 및 클라우드 워크로드를 위한 통합 XDR 및 SIEM 보호 / 보안
• ezcrypt: 강력한 파일 암호화를 위한 사용하기 쉬운 도구입니다. / 암호화
• 멋진 모양: 멋진 거친 그라데이션이 있는 100개의 추상 모양입니다. 모든 디자인 개발 프로젝트에 바로 사용할 수 있습니다. / 모양
• fedify: TypeScript의 ActivityPub 서버 프레임워크 / activitypub, federated
• Acorn: 작고 빠른 JavaScript 기반 JavaScript 파서 / 파서, javascript
• DevToys: 개발자를 위한 스위스 군용 칼 - 개발자의 일상 업무를 돕는 데스크톱 앱 / 도구
• GenAI 스크립트: 자동화 가능한 GenAI 스크립팅 / ai
• Pylon: TypeScript 개발자가 GraphQL API / graphql, typescript를 쉽게 구축할 수 있도록 지원
• LocalXpose: LocalXpose는 로컬 호스트를 인터넷에 노출할 수 있게 해주는 역방향 프록시입니다. / proxy
• 메모: 오픈 소스의 가벼운 메모 작성 솔루션입니다. 의미 있는 메모를 손쉽게 작성하는 방법입니다. 당신의 메모, 당신의 방식. / 노트

---

? 설계

• Comic Sans가 글꼴계의 악어가 된 방법: 30년간의 학대 끝에 Comic Sans는 부활할 준비가 되었습니다. / fonts / 8분 읽기
• 누구를 위한 디자인: 접근 가능한 제품의 힘 / a11y / 5분 읽기

---

? 재미있는

• TimeMyMeeting.com: 재미있는 방법으로 회의 시간을 정하세요! / 시간, 회의 / 1분 읽기

---

? 튜토리얼

• React에서 키보드 단축키 후크 만들기(심층 다이브): 키보드 단축키를 처리하는 사용자 정의 React 후크를 만듭니다. / react, shortcuts / 14분 읽기
• Delicious Donut Components: React Server Components를 사용한 구성 요소 구성에 대한 대화형 가이드 / react / 15분 읽기
• Remix Todo 앱: Remix를 사용하여 Todo 앱을 구축하는 방법을 알아보세요. / remix / 8분 읽기
• CSS :has(), 그리드 및 수량 쿼리를 사용하여 콘텐츠 인식 구성 요소 만들기: 여기서 아이디어는 합리적인 동작과 보호 장치를 선제적으로 제공하여 작업이 제대로 작동하도록 한다는 것입니다. / CSS / 12분 읽기
• JavaScript 및 TypeScript에서 자체 인증을 실행하는 방법: 인증은 모든 애플리케이션에서 중요한 주제입니다. 올바른 사람만이 올바른 리소스에 액세스할 수 있도록 보장하는 것이 바로 문지기입니다. 하지만 JavaScript 및 TypeScript에서 자체 인증을 어떻게 진행합니까? 이 튜토리얼에서는 세션 기반 인증 시스템을 구축하는 방법을 살펴보겠습니다. / auth / 14분 읽어보세요
• 비즈니스 결과를 이끌어내는 판사로서의 LLM 만들기: 30가지 AI 구현에서 얻은 교훈을 담은 단계별 가이드. / ai, llms / 41분 읽기
• 인류학 강좌: 인류학의 교육 강좌 / ai / 5분 읽기

---

? 비디오

• TanStack Start의 초기 개요: TanStack Start는 TanStack Query 및 TanStack Router 제작자가 만든 풀 스택 React 개발에 대한 새로운 해석입니다. 유형 안전성, 개발자 경험 및 생산성에 중점을 둔 Start는 직관적인 도구와 강력한 기본 요소의 균형을 유지합니다. / react, tanstack

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

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

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