편물
처음부터 실시간 다중 사용자 게임을 만드는 방법
이 기사에서는 실시간 게임 Autowuzzler를 빌드하는 과정, 기술적 결정 및 교훈을 강조합니다. Colyseus를 사용하여 실시간으로 여러 클라이언트 간에 게임 상태를 공유하고, Matter.js로 물리 계산을 수행하고, Supabase.io에 데이터를 저장하고, SvelteKit으로 프론트엔드를 구축하는 방법을 배우십시오.
더 읽어보기사용자의 모션 선호도 존중
`prefers-reduced-motion` 미디어 쿼리는 몇 년 전으로 거슬러 올라가는 모든 최신 브라우저에서 탁월한 지원을 제공합니다. 이 기사에서 Michelle Barker는 귀하의 사이트에 더 쉽게 액세스할 수 있도록 지금 사용하지 않을 이유가 없는지 설명합니다.
더 읽어보기내가 항상 원했던 SSG 구축: 11ty, Vite 및 JAM 샌드위치
2020년 1월로 돌아가서 Ben Holmes는 거의 모든 웹 개발자가 매년 하는 일을 시작했습니다. 바로 개인 사이트를 재구축하는 것입니다. 이 기사에서 그는 절대 그라운드 제로에서 자신의 빌드 파이프라인을 구축하고 "Slinkity"를 만든 방법에 대한 자신의 이야기를 공유합니다.
더 읽어보기Gatsby 함수로 API 빌드
이 자습서에서 Paul Scanlon은 Gatsby Functions를 사용하여 API를 빌드하는 방법과 Gatsby Cloud에 배포할 때 염두에 두어야 할 사항을 설명합니다.
더 읽어보기Jeff Smith와 함께하는 스매싱 팟캐스트 에피소드 42: DevOps란?
이 에피소드에서는 DevOps에 대해 이야기합니다. 그것은 무엇이며 웹 개발 활에 추가할 문자열입니까? Drew McLellan은 전문가 Jeff Smith와 대화하여 알아냅니다.
더 읽어보기Next.js 기반 전자 상거래 웹 사이트에서 CLS 문제 해결(사례 연구)
누적 레이아웃 이동은 디버그에 필수적인 가장 어려운 핵심 웹 중 하나입니다. 이 기사에서는 CLS를 조사하기 위한 다양한 도구, 사용 시기(사용하지 않는 경우) 및 Next.js 기반 전자 상거래 웹 사이트에서 직면한 일부 CLS 문제에 대한 솔루션을 살펴봅니다.
더 읽어보기프로그래머를 위한 간단하지만 효과적인 정신 건강 루틴
이 기사에서는 일과 삶의 균형을 관리하는 것이 중요한 이유, 간단하고 효과적인 정신 건강 루틴을 개발하는 방법, 맞춤 루틴을 만드는 데 사용할 수 있는 가장 일반적이고 효율적인 기술을 살펴보겠습니다.
더 읽어보기UX/UI 디자이너 평가를 위한 팁과 요령
고유한 제품을 제공하기 때문에 고객이 앱을 사용하기 시작할 수 있지만 사용자 경험이 고객을 유지하게 만듭니다. 이를 위해서는 우수한 UX 디자이너와 이를 채용할 때 발견할 수 있는 노하우가 필요합니다.
더 읽어보기일반적인 UI 문제를 위한 스마트 CSS 솔루션
CSS 작성이 오늘날보다 더 재미있고 흥미진진한 적이 없었을 것입니다. 이 게시물에서는 우리 모두가 작업에서 직면해야 하는 일반적인 문제와 사용 사례와 현대 CSS로 해결하는 방법을 살펴보겠습니다. 관심이 있으시면 최근에 [CSS 감사 도구](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS 생성기](https:// www.smashingmagazine.com/2021/03/css-generators/), [프론트 엔드 상용구](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) 및 [ VS 코드 확장](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — 유용할 수도 있습니다.
더 읽어보기TypeScript로 유연한 구성 요소를 빌드하는 데 유용한 React API
React with JSX는 사용하기 쉬운 구성 요소를 위한 환상적인 도구입니다. Typescript 구성 요소를 사용하면 개발자가 구성 요소를 앱에 통합하고 API를 탐색할 수 있습니다. 이 기사에서 구성 요소를 다음 단계로 이끌고 더 나은 React 구성 요소를 빌드하는 데 도움이 될 수 있는 잘 알려지지 않은 세 가지 React API에 대해 알아보세요.
더 읽어보기