· software
나는 포켓몬과 처방약을 구분하는 퀴즈 게임을 만들었다
개요 나는 플레이어에게 이름이 포켓몬인지 실제 처방약인지 추측하도록 하는 작은 웹 게임을 만들었습니다. 여기에서 플레이하세요: 작동 방식 – 이름이 나타나면…
-
- · software
클릭 가능한 카드 패턴 및 안티패턴
자주 요구되는 디자인 요구사항은 전체 card container를 클릭 가능하게 하여 상호작용 영역을 최대화하는 것입니다. 예를 들어 detail page로 연결하는 경우가 있습니다. 이렇게 할 때...
- · software
디버그 시간을 반으로 줄여주는 5가지 Browser DevTools 트릭
Browser debugging이 개발 시간의 절반을 차지할 필요는 없습니다. 끝없는 console.log 문과 여러 화면을 오가느라 지친 프론트엔드 개발자라면…
- · software
Web Speech API를 사용한 브라우저 기반 음성-텍스트 앱 만들기
‘Building a Browser-Based Voice-to-Text App with the Web Speech API’의 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=a...
- · software
WordPress에서 CSS의 마법: 가독성을 위한 Cover 블록 마스터링
소개 이 SushiHost 튜토리얼은 WordPress와 Gutenberg 블록 편집기를 사용하는 모든 사람에게 필수적인 가이드이며, 자신의 이미지를 …
- · software
오늘 나는 코스에서 첫 번째 거대한 컴포넌트를 깨끗하고 재사용 가능한 컴포넌트로 분리했습니다
표지 이미지: 오늘 나는 코스에서 첫 번째 거대한 Component를 깨끗하고 재사용 가능한 Component로 분할했습니다 https://media2.dev.to/dynamic/image/width=1000,height=420,...
- · software
React 학습을 위한 7가지 최고의 리소스: 개발자를 위한 나의 최고의 선택
처음 React에 뛰어들었을 때 나는 압도당했다. 이 라이브러리는 겉보기엔 단순해 보였지만 깊은 함정과 모범 사례를 숨기고 있었다. 몇 년이 흐른 뒤, c...
- · software
웹 개발자를 위한 실용적인 컬러 대비 가이드
색 대비는 실제 환경에서 인터페이스의 가독성을 결정하며, 빠른 버튼 탭부터 장문의 읽기까지 모든 것에 영향을 미칩니다. 당신은…
- · software
CSS는 제약 시스템이어야 할까요?
CSS는 어렵다. 레이아웃 규칙은 꽤 복잡하고 예시만으로는 익히기 힘들다. “centering a …” 같은 경우는 유명한 문제다. 혹은 기억하라…
- · software
Storybook 10: 컴포넌트 문서화를 위해 Ladle과 Histoire보다 이것을 선택한 이유
Storybook은 느리고 복잡하지만, 속도가 전부는 아니다. 컴포넌트 문서화에서 중요한 것은 인터랙티비티, 에코시스템, 그리고 배포 옵션이다. Bel...
- · software
2025년에 상태 관리가 필요할까? React Context vs Zustand vs Jotai vs Redux
🎯 문제 맥락 - 포트폴리오 사이트: 개인 브랜드, 블로그, 프로젝트 쇼케이스 - UI 라이브러리: 25개 이상의 재사용 가능한 React 컴포넌트 - 상태 요구사항: 테마, …
- · software
프레임워크를 배우기 전에, 웹을 마스터하라: HTML, CSS, 그리고 접근성 필수
오늘날 개발자 세계에서 내가 계속해서 보는 패턴이 있습니다: 많은 사람들이 JavaScript 프레임워크에 바로 뛰어들면서 여정을 시작합니다. 솔직히 말해서 — 나는…