웹 개발에서 앞서 나가세요: 최신 뉴스, 도구 및 통찰력 #58-JS 튜토리얼-php.cn

Stay ahead in web development: latest news, tools, and insights #58

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

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

? 읽어보세요!

보다 효과적인 엔지니어가 되는 방법: 소프트 스킬, 암시적 계층 구조, "작은 승리" 달성, 승진 프로세스 이해 등의 중요성. 작성자: Cindy Sridharan / 경력, 엔지니어링 / 26분 읽기

? 알아두면 좋은 점

2024년 최고의 오픈 소스 웹 크롤러 및 스크레이퍼 11개: 필요한 경우 고려해야 할 좋은 스크레이퍼 목록입니다. 작성자: Dávid Lukáč / 스크레이퍼 / 22분 읽기
스트라이프를 떠나다: 스트라이프에서 일하기 by Jon de la Motte / stripe, career / 15 분 읽음
Y Combinator 지원 가이드: Yurii Rebryk / yc / 읽기 0분
Grok API 공개 베타: 오늘부터 개발자는 새로 출시된 API를 사용하여 Grok 기반 모델을 구축할 수 있습니다. by x.ai / grok, ai / 3분 읽기
직원 지표와 관련하여 마음이 바뀌었습니다. 관리자가 Rachel의 지표를 포기했습니다 / 리더십 / 4 분 읽음
그냥 다음과 같이 말하는 것을 중단하세요. 같은 것을 관찰하세요. 나도 가끔 그런 일을 하는 사람 중 하나입니다. 하지만 스콧은 바로 여기에 있으니 어떤 경우에도 사용해서는 안 됩니다. 작성자: Scott Ringwelski / 엔지니어링 / 5분 읽기
항상 시작하세요: 어차피 아무도 당신의 신제품에 관심을 두지 않으니까요. by Andrew Chen / products / 7분 읽기
확률은 무엇입니까?: UUID 충돌이 걱정됩니까? 데이터 센터는 핵 공격으로 인해 파괴될 가능성이 더 높습니다. 중요한 것의 우선순위를 정하세요. 작성자: Jonathan Hall / uuids / 4분 읽기
모노레포 - 우리의 경험: 9개월 전에 우리는 모노레포로 전환했습니다. 여기에서는 지금까지의 스위치 사용 경험을 설명합니다. 작성자: ente.io / 모노레포 / 읽기 10분
단일 페이지 앱이란 무엇입니까?: 웹 개발 커뮤니티에서는 단일 페이지 앱에 대해 많이 이야기하지만 우리는 모두 단일 페이지에 있습니까? 작성자: Jake Lazaroff / 스파 / 15분 읽기
JavaScript의 ??= 연산자: 단순해진 기본값: JavaScript에서 ??=를 사용하여 null 및 정의되지 않은 값을 우아하게 처리하는 방법에 대한 가이드 작성자: Trevor I. Lasn / javascript, 연산자 / 4분 읽어보세요
JavaScript로 자동차 해킹: HackRF를 사용하여 브라우저에서 재생 공격 실행 작성자: Charlie Gerard / hacks / 12분 읽기
내가 아는 최고의 엔지니어의 7가지 간단한 습관: 훌륭한 소프트웨어 엔지니어가 뛰어난 성과를 유지하는 방법 by Engineerscodex.com / engineering / 10분 읽기

? 도구

NocoDB: NocoDB를 사용하면 간편한 스프레드시트로 코드 없는 데이터베이스 솔루션을 구축할 수 있습니다. by nocodb.com / 데이터베이스
Cash: 최신 브라우저를 위한 터무니없이 작은 jQuery 대안입니다. 작성자: Fabio Spampinato / dom, javascript
pqoqubbw/icons: pqoqubbw / icons가 제작한 프로젝트를 위한 부드러운 애니메이션 아이콘의 오픈 소스 컬렉션
언젠가: Gmail 사용자를 위해 Google-Apps-Script를 기반으로 구축된 Cal.com/calendly 대안을 무료로 호스팅하고 오픈 소스로 제공합니다. React, TypeScript, Shadcn/UI 및 Vite와 같은 최신 기술로 구축되었습니다. by robby / 캘린더, 캘린더
HTML to React & Figma by Magic Patterns: 웹사이트에서 찾은 내용을 React 구성 요소로 변환하는 Chrome 확장 프로그램입니다. by Magicpatterns.com / 반응, 크롬
NPM 차트: 패키지를 검색하여 시간 경과에 따른 다운로드 통계를 확인하세요. by Sébastien Chopin / npm, stats
yauzl: Josh Wolfe / nodejs, zip의 또 다른 노드용 압축 해제 라이브러리
구성 요소 클릭: 옵션 브라우저에서 React 구성 요소를 클릭하면 VS Code에서 소스가 즉시 열립니다. 작성자: Eric Clemmons / react
skellyCSS: 프로젝트에 스켈레톤을 빠르게 구현하기 위한 경량 CSS 프레임워크입니다. 작성자: Ritter Insurance / 해골
npmpackage.info: npm 패키지에 대한 자세한 정보를 알아보세요. 작성자: Shrinath Nayak / npm
BemiDB: bemidb.com / analytics의 분석에 최적화된 Postgres 읽기 복제본
varse: varse.io / config의 빠른 애플리케이션 구성 관리자
Draw.Audio: Draw.Audio는 소리에 대한 아이디어를 탐구하기 위한 무료 음악 스케치 패드입니다. Web Audio API를 사용하여 제작되었습니다. by draw.audio / 오디오
React GJS 렌더러: Gnome JS용 React 렌더러입니다. React를 사용하여 기본 Gnome GTK 애플리케이션을 구축할 수 있는 구성 요소와 방법을 제공합니다. 작성자: React-gjs / react, gnome
World in Dots: 사용자 정의 옵션을 사용하여 벡터 점선 지도를 만들고 worldindots.com / maps에서 SVG 또는 PNG 파일로 다운로드합니다.

? 설계

Z세대를 위한 디자인: 기대치 및 UX 지침: Z세대와 이들이 기술을 사용하는 방식에 관한 많은 신화가 있습니다. 소셜 미디어의 과도한 사용을 넘어 실제 행동 패턴을 살펴보는 시간입니다. 작성자: Vitaly Friedman / ux / 15분 읽기
디자인 원칙: 디자인 원칙 및 방법의 오픈 소스 모음입니다. 작성자:principles.design / principles / 읽기 2분

? 재미있는

인터뷰가 잘못됨: Python이 우리를 혼란스럽게 하는 방법 ;) by ashu1461 / python, interview / 2분 읽기

? 튜토리얼

브라우저 콘솔의 애니메이션: @jh3yy / console, svg / 에 의해 배경으로 svg 애니메이션 사용 읽기 0분
HLS 비디오 트랜스코더: Wes Bos / cloudflare / 읽기 4분의 Cloudflare R2에서 비디오 스트리밍
React 및 AI 에이전트를 사용하여 AI 기반 뉴스레터 수집기를 만드는 방법: 이 실용적인 튜토리얼에서 AI 에이전트를 시작하고 React 및 KaibanJS를 사용하여 AI 기반 뉴스레터 수집기를 구축하는 방법을 알아보세요. 작성자: Dariel Vila / ai, kaibanjs / 15분 읽기
JavaScript로 무작위 미로 생성: 올해는 호박밭을 칠 기회가 없어서 옥수수 미로를 보지 못했습니다. 그 점을 보완하기 위해 나는 나만의 미로를 만들기로 결정했습니다! 프로그래머로서 나는 그것을 과도하게 설계하고 임의의 미로 생성기를 만들었습니다! 작성자: Paul Herbert / 미로 / 13분 읽기