웹이 모든 사용자를 위한 매체로 계속 발전함에 따라, 표준 기구는 사용자 경험과 접근성을 풍부하게 하기 위해 새로운 API를 지속적으로 제공해야 합니다. 시각 장애가 있는 사용자를 위해 활용도가 낮은 API 중 하나는 `speechSynthesis`입니다. 이 API는 브라우저가 임의의 문자열을 소리 내어 읽도록 프로그래밍적으로 지시할 수 있게 해줍니다. 코드를 통해 브라우저에게 [...]

새 컴퓨터를 설치하는 것은 축복입니다. 오래되고 사용하지 않는 앱이 없고, 이전 컴퓨터보다 훨씬 더 잘 작동합니다. 불행히도, 새 하드웨어에 기반한 새로운 문제에 직면할 수도 있습니다. 제가 새 MacBook에서 겪었던 한 가지 문제는 YouTube에 접속했을 때 "이 비디오 형식은 지원되지 않습니다"라는 메시지였습니다.

미디어 관리는 특히 다른 소스에서 오는 미디어라면 모든 것을 혼자 처리하려고 하면 정말 어려운 작업입니다. 파일은 어떤 상태와 크기로나 제출할 수 있지만, 정말 특정한 것을 필요로 한다면 어떻게 될까요? 모든 것을 직접 코딩할 수도 있지만, 멋진 서비스를 사용할 수도 있습니다 […]

인터넷에서 미디어를 다운로드하는 능력은 거의 잊혀진 예술처럼 느껴집니다. 십 대 시절에는 토렌트와 카자아, 라임와이어, 냅스터와 같은 앱을 통해 MP3, 영화, 거의 모든 것을 불법 복제하는 것이 유행했습니다. 요즘에는 사이트들이 블롭 URL과 같은 방법을 사용하여 다운로드를 방지합니다. 다행히도 […]

curl은 오랫동안 존재해온 훌륭한 유틸리티 중 하나이며 끝없는 사용 사례를 가지고 있습니다. 요즘 저는 curl을 사용하여 파일을 일괄 다운로드하고 API를 테스트하는 것을 발견합니다. 때때로 테스트를 통해 요청에 다른 HTTP 헤더를 사용하게 됩니다. curl 요청에 헤더를 추가하려면 -H […]를 사용하십시오.

복잡한 패턴을 일치시키는 데 있어 CSS 선택자가 가진 강력함은 항상 저를 놀라게 합니다. 그 유연성은 대부분 부모/자식/형제 관계에 있고, 값 일치에 있는 경우는 매우 드뭅니다. CSS가 대소문자를 구분하지 않고 속성 값을 일치시킬 수 있다는 것을 알게 되었을 때 얼마나 놀랐는지 상상이 되시나요! 속성 선택자 괄호에 {공백}i를 추가하면 […]

앱 스토어에 배포되고 웹사이트처럼 즉각적으로 수정할 수 없는 웹 확장 프로그램을 개발하는 것은 어려울 수 있습니다. 즉각적인 업데이트 배포가 불가능하기 때문에 때로는 하드코딩된 날짜 기반 로직을 적용해야 합니다. 로컬 시스템에서 날짜를 빠르게 변경하는 방법을 모르는 경우 미래 날짜를 테스트하는 것은 어려울 수 있습니다. […]

게스트 네트워크에서 와이파이 비밀번호를 기억하는 것은 결코 쉽지 않습니다. 더욱 나쁜 것은 더 이상 비밀번호가 게시되지 않고 다른 사람이 비밀번호를 요구하는 경우입니다. 다행히도 Windows에는 지정된 와이파이 네트워크의 비밀번호를 복구하는 내장 명령이 있습니다. 셸 코드 CMD를 열고 다음 명령을 실행합니다: netsh […]

지난 주말, 저는 잠깐 동안이라도 모든 아버지가 바라는 바, 즉 "멋진 아빠"가 될 기회를 가졌습니다. 아내가 외출 중이었고 막내 아들이 PUBG를 하고 싶어 했거든요. 저는 결국 굴복하여 기본 FPS 키 바인딩을 가르쳐 주었고, 아이는 즐거운 시간을 보냈습니다. 아이가 [...]

모달은 지난 20년 동안 웹사이트의 중요한 부분이었습니다. 콘텐츠를 쌓고 fetch를 사용하여 작업을 수행하는 것은 데스크톱과 모바일 모두에서 UX를 향상시키는 훌륭한 방법입니다. 안타깝게도 대부분의 개발자들은 HTML 및 JavaScript 사양에 popover 속성을 통한 네이티브 모달 시스템이 구현되었다는 사실을 모릅니다. 자세히 살펴보겠습니다 […]

AI 미디어 제작은 놀라운 비디오 아트와 다른 중요한 개선 사항으로 확장되었으며, LimeWire는 평범한 사용자가 AI 아티스트가 될 수 있도록 멋진 인터페이스를 만드는 데 앞장서고 있습니다. Limewire는 개발자 API를 방금 출시했으며, 이는 저희와 같은 엔지니어가 [… ]에 동적인 AI 아트를 만들 수 있는 방법입니다.

시간이란 참 재미있는 거야. 아직도 HTML, CSS, 자바스크립트 코딩을 처음 발견했을 때가 기억나. 첫 대학교 프로그래밍 수업도 기억나. 첫 코딩 직장 첫날, 두 번째 코딩 직장 첫날, 그리고 모질라 첫날도 기억나. 아직도 첫 번째 […] 기억해.

어떤 사람이든 캡스 락 키가 켜져 있는지 모르고 사용할 수 있습니다. 사용자는 대부분의 입력에 캡스 락이 켜져 있는 것을 쉽게 알 수 있지만, 비밀번호 입력을 사용할 때는 문제가 그렇게 명확하지 않습니다. 그러면 비밀번호가 잘못 입력되어 사용자에게 불편함을 줄 수 있습니다. 이상적으로 개발자는 […]

HTML 요소 중에서 CSS와 자주 충돌하는 것은 img 요소입니다. Request Metrics의 DavidWalshBlog 기사에서 배운 바와 같이 이미지 태그 내에서 이미지 크기를 제공하면 웹 사이트의 점수를 개선할 수 있습니다. 그러나 반응형 디자인의 세계에서 우리는 […]

매달 전 세계 5만 명이 넘는 개발자들이 DavidWalshBlog를 방문하여 자바스크립트 트릭을 배우고 코드 문제를 해결합니다. 안타깝게도 일부 개발자들은 사이트에서 느린 속도를 경험하고 있습니다. David는 Request Metrics를 사용하여 핵심 웹 바이탈과 전반적인 성능을 추적합니다. 최근에 우리는 그의 CLS 성능이 […]임을 발견했습니다.

소프트웨어 엔지니어에게 물어보면 날짜 로직 코딩이 악몽이라고 말할 것입니다. 개발자는 시간대, 이상한 날짜 기본값, 플랫폼별 날짜 형식을 고려해야 합니다. 날짜를 사용하는 가장 쉬운 방법은 날짜를 가능한 한 단순한 형식, 즉 일반적으로 타임스탬프로 줄이는 것입니다. 즉각적인 시간을 얻으려면 […]

HTML 폼 필드에서 입력받은 사용자 데이터는 일반적으로 자바스크립트에서 문자열로 제공됩니다. 우리는 수십 년 동안 이 사실과 함께 살아왔지만, 개발자들은 때때로 그 문자열에서 숫자를 추출해야 할 필요성을 느낍니다. 숫자를 추출하는 방법은 여러 가지가 있지만, 정규 표현식을 사용하여 숫자를 추출해 보겠습니다! 정규 표현식을 사용하여 […]

스트리밍 서비스는 콘텐츠 전달 방식에 혁명을 일으켰고, 기존 케이블 서비스가 쇠퇴하는 것을 지켜보며 선형 미디어 회사들을 공황 상태로 몰아넣었습니다. 요즘에는 "케이블을 끊는 것"이 흔한 일이지만, 스트리밍 환경이 완벽한 것은 아닙니다. 스트리밍이 시작된 지 10년이 되었으므로 새 미디어의 현황에 대한 제 생각을 공유하고 싶습니다. 첫인상, […]

웹의 요구 사항이 변화하고 개발자들이 다양한 사용자 경험을 실험하면서, 보다 원어 지원 개선의 필요성이 커지고 있습니다. 우리의 프레젠테이션 계층인 CSS는 때로는 너무 느리지만, 기능 개선에 있어 놀라운 성과를 거두었습니다. 텍스트 영역 요소를 자동으로 확장하는 기능에 대한 원어 지원의 필요성은 오랫동안 알려져 왔으며... 마침내 현실이 되었습니다! […]

슈퍼 마리오 월드 기반의 ROM 해킹을 제작하고 스트리밍하는 지하 세계는 계속해서 인기를 얻고 있습니다. 이 인기는 게이머들의 창의성과 30년 된 오리지널 비디오 게임의 메커니즘 품질에 대한 찬사입니다. 지난 10년 동안 Grand Poo World 1과 2, Invictus, Dram […]과 같은 놀라운 ROM 해킹이 등장했습니다.

대부분의 개발자들은 작업을 더 쉽고 효율적으로 만들기 위해 재미있는 명령줄 유틸리티로 자신을 망칩니다. 이러한 명령줄 도우미 중 하나는 개발자가 명령줄에서 항상 git 브랜치를 표시할 수 있도록 해줍니다. 현재 브랜치를 어떻게 얻을 수 있을까요? 이 편리한 스니펫을 사용하면 됩니다: git branch --show-current 이 스니펫을 항상 가지고 있는 것이 좋습니다. […]

비주얼 스튜디오 코드는 특히 자바스크립트 영역에서 가장 많이 사용되는 텍스트 에디터의 자리를 차지했습니다. VSCode는 빠르고 기능이 풍부하며 생산성을 높이는 수천 개의 플러그인을 지원합니다. 개발자는 수백 가지 설정을 조정하여 기능을 강화할 수도 있습니다. 그러한 기능 중 하나가 자동 저장 기능입니다. VS Code로 파일을 자동 저장하려면 [...]

웹 사용자 경험에 있어 최고의 변화 중 하나는 웹 확장 프로그램입니다. 브라우저는 강력하지만 확장 프로그램은 새로운 차원의 기능을 제공합니다. 암호화폐 지갑, 미디어 플레이어, 기타 인기 플러그인 등 웹 확장 프로그램은 일상적인 작업에 필수적인 요소가 되었습니다. 메타마스크에서 일하면서, 저는...

라임와이어는 제 청소년 시절의 필수품이었습니다. 라임와이어는 파일 공유의 혁명적인 시대에 사용자들이 모든 종류의 파일을 공유할 수 있도록 해준 소프트웨어였습니다. 시간이 흘러 오늘날 라임와이어는 다시 돌아왔고, 이번에는 AI 콘텐츠 출판 분야에서 혁명적인 소프트웨어로 자리매김했습니다. 이미지부터 음악, 비디오까지 […]