제이크 아치볼드와 게스트가 웹 개발과 웹 개발의 다양한 측면에 대한 철학에 대해 이야기하는 한편, 생활 꿀팁, 교훈, 솔직한 진실에 대해 이야기합니다.
Bramus는 HTML과 CSS만으로 구동되는 Scroll-Linked Animations에 대한 기대감을 공유합니다. 다음을 통합하는 JavaScript 옵션은...
Jake와 Bramus는 변환 애니메이션, 특히 `rotate(0)` 가 `none`과 다르게 동작할 수 있는 방식에 관해 이야기합니다.
제이크는 시각 효과에 유용한 잘 알려지지 않은 두 API인 DOMPoint와 DOMMatrix에 대한 애정을 공유합니다.
Bramus는 브라우저에 있는 모든 표시 영역에 대해 제이크에게 전달합니다. 위치 고정, vw 단위 또는 heig에 레이아웃 문제가 있는 경우...
Jake와 NEW 게스트 (다음 몇 에피소드에서) Bramus는 HTML 파서의 이상한 동작에 대해 채팅합니다. 더 엄격하게 설정해야 할까요? 어떻게...
Greensock 소속의 Jake와 Cassie는 예상치 못한 방식으로 앱 속도를 저하시킬 수 있는 DOM 사용 가능 이벤트에 대해 이야기합니다. 하지만 ...
Greensock 채널의 캐시 에반스는 제이크에게 SVG 경로와 문자와 숫자의 혼돈이 실제로 의미하는 바에 대해 이야기합니다.
GreenSock의 캐시 에반스가 '플립'을 걸어보고 있습니다. 플립은 주 사이를 오가는 데 유용한 애니메이션 기법입니다.
이번 에피소드에서는 Cassie (Greensock 소속)와 Jake (Greensock 소속)와 Jake가 함께 모여 새로운 Navigation API에 대해 이야기를 나눕니다.
에이다 로즈 캐논이 삼성 인터넷 채팅에서 제이크에게 삼성 인터넷의 존재 이유, 다른 Chromium 브라우저와의 차이점에 대해 이야기합니다.
Ada (삼성 인터넷)와 Jake (삼성 인터넷 아님)가 CSS 관리 문제와 외부 리소스가 얻게 되는 결과에 관해 이야기를 나눕니다.
제이크는 에이다 (삼성 인터넷 https://developer.samsung.com/internet)에게 '어떤 키를 눌렀는지'라는 게임으로 도전하면서 ...
이번 에피소드에서는 삼성 인터넷의 Ada Rose Cannon이 VR 및 AR 웹 표준과 몰입감 넘치는 환경을 구축하는 방법에 관해 이야기를 나눕니다.
두 개의 DOM 요소는 불투명하지 않으면 크로스 페이드할 수 없습니다. 다음은 그 이유와 이 문제를 해결할 수 있는 새로운 기능입니다.
이 동영상에서 수마와 제이크는 색상 공간의 주제를 다시 다룹니다. 논의할 내용이 더 많기 때문입니다. 기기 기능, 인식...
제이크와 서마가 어제의 기능들에 관해 이야기를 나눕니다. 이전에 몇 가지를 접했을 수도 있지만...
ease-in과 ease-out은 가능하지만 CSS에서는 바운스를 허용하지 않습니다. 제이크와 서마는 이 문제를 해결하기 위한 프러포즈에 관해 이야기합니다.
Jake와 Surma는 저렴한 스케이트를 탈 때 조이콘을 슬라이드 클리커로 사용합니다. 작동 방식 및 사용되는 코딩 패턴은 다음과 같습니다.
Surma와 Jake는 단일 페이지 앱 (SPA)과 다중 페이지 앱 (MPA)의 장단점을 논의합니다.
제이크와 수르마가 콘텐츠를 관리하는 레이아웃과 CSS를 관리하는 레이아웃, 그리고 그 차이가 중요한 이유에 관해 이야기를 나눕니다.
이 에피소드에서 Surma는 색상 공간 (sRGB, CIE XYZ, p3, rec2020, CIE LAB...)의 역사와 이러한 공간이 중요한 이유를 설명합니다.
이 에피소드에서 제이크와 서마는 페인트 효과를 '무작위'로 만드는 방법과 이러한 효과를 무작위로 섞으면 안 되는 이유에 대해 이야기합니다.
이 에피소드에서 Surma는 제이크에게 Node의 제작자가 만든 TypeScript 기반 런타임인 Deno를 소개합니다.
Jake와 Surma는 웹에서 가장 어려운 디버깅 유형 중 하나인 메모리 누수를 해결합니다.
제이크와 서마가 HTTP 203의 새로운 시즌을 위해 스튜디오로 돌아왔습니다.
Jake & Surma는 여러 웹사이트를 분석하는 동안 가장 많이 발견된 9+1 성능 문제를 살펴봅니다.
GZIP이 맞나요? 유선으로 전송되는 바이트 수를 줄이기 위해 웹 어디에서나 사용할 수 있습니다. 이 에피소드에서 수마는...
이번 에피소드에서는 제이크 (왼쪽에 있는 제이크)와 수마 (다른 사람)가 서로 다른 이미지 형식이 어떻게 로드되는지, 그리고 무엇을...
이번 에피소드에서 제이크와 서마는 웹 개발자 면접에 관해 이야기하며 후보자로서의 좋고 나쁘던 경험을 짚어보고...
Surma는 제이크에게 WebAssembly로 컴파일되는 TypeScript와 비슷한 언어인 AssemblyScript를 빠르게 시작할 수 있게 해줍니다. 더 빠른가요? 더 작나요? 더 낫습니다.
뒤로 버튼의 작동 방식 (및 기타 세션 기록 관련 내용)을 얼마나 잘 알고 있나요? 제이크는 간단한 퀴즈를 풀기 위해...
Jake와 Surma는 이미지의 대체 텍스트에 무엇을 포함해야 할까요?
할 일 목록, 마이크로태스크, 나노태스크... JavaScript는 모든 것을 갖추고 있습니다. 또는 그렇지 않을 수도 있습니다. 정의 어떻게 활용하나요? 그게 무슨 의미일까요? 수르마...
온라인에서 수많은 카운터 튜토리얼을 봤지만 약간 틀렸거나, 적어도 대다수는 틀렸습니다. 제이크와 수르마의 분석이 다르다...
256가지 회색 음영의 이미지를 단 두 가지 색상의 이미지에 매핑하려면 어떻게 해야 할까요? 제이크와 수르마가 흑백 이미지를 내려다 보고...
Node.js에서는 JSON을 '필요'할 수 있습니다. 동일한 기능이 HTML 사양에 추가되었지만 곧 삭제되었습니다. 제이크와 수마가 세상에 뛰어들다
뭔가를 페이드 인하고 페이드 아웃하는 것은 간단한 것처럼 들리나요? 아니요. 제이크와 서마가 하는 다양한 문제들에 대해 이야기합니다.
수마는 제이크에게 WebAssembly, 스레드, WebAssembly 스레드를 설명하려고 합니다. 무서운 다이어그램도 있고 어셈블리 언어를 사용합니다. ...
Jake는 HTML 사양의 CSS를 빠르게 변경하고 레이아웃 시간을 50초에서 400ms로 단축했습니다. 게으름뱅이를 좀 더 쓰게 되죠.
제이크가 Surma에게 문서 간에 데이터를 동기화하는 6가지 방법에 대해 이야기하지만, 그중 일부는 항상 작동하지 않기 때문에 복잡하고...
Surma와 Jake는 <#39;weak' 자바스크립트, 특히 WeakMap, WeakSet 및 새롭고 멋진 WeakRefs를 살펴봅니다.
제이크와 수마가 Chrome 85에서 진행 중인 새로운 실험인 'fetch API'를 사용한 스트리밍 요청 업로드에 관해 이야기합니다.
제이크와 수르마가 돌아왔습니다. 정말 기억이 나죠. 별말씀을요.
COEP의 CORB로부터 CORS로부터 CSRF의 쿠키를 알고 있나요? 이 에피소드에서는 제이크와 서마가 다이빙합니다.
이 에피소드에서 Surma는 Chrome에서 상호 운용성 버그를 발견하고 직접 패치한 이야기를 들려줍니다. 거기서 이야기가 끝나게 될지도 모르지만...
이 에피소드에서 제이크는 특히 보안 측면에서 사람이 해석할 수 없는 URL이라는 사실을 설명합니다. 형제가 뭐지...
이 에피소드에서는 제이크와 서마가 배열 함수Reduce()에 관해 이야기합니다. 이 함수를 사용해도 괜찮을까요? 너무 '똑똑한' 것인가요? 성과가 증가 또는 감소하나요?
이 시리즈에서 제이크와 서마의 Whittle 16 기능은 2019년에 Chrome에서 모두 1개만 출시됩니다. 이 에피소드에서는 다음과 같습니다.
이 시리즈에서 제이크와 서마의 Whittle 16 기능은 2019년에 Chrome에서 모두 1개만 출시됩니다. 이 에피소드에서는 다음과 같습니다.
이 시리즈에서 제이크와 서마의 Whittle 16 기능은 2019년에 Chrome에서 모두 1개만 출시됩니다. 이 에피소드에서는 다음과 같습니다.
이 시리즈에서 제이크와 서마의 Whittle 16 기능은 2019년에 Chrome에서 모두 1개만 출시됩니다. 이 에피소드에서는 다음과 같습니다.
Jake와 Surma는 WebAssembly를 위한 새로운 기능 제안인 인터페이스 유형에 관해 대화를 나눕니다. 이 기능은 문자열과 배열과 같은 더 높은 수준의 유형을 제공합니다.
제이크와 수마가 JavaScript 모듈 가져오기 방법을 변경할 수 있는 새로운 기능 제안인 Import Maps에 관해 이야기합니다.
제이크와 수마는 Chrome Dev Summit 2019를 위한 웹사이트를 빌드하면서 웹 푸시 알림과 기본 API를 살펴봅니다.
Jake와 Surma는 작업자와 메시지 기본 postMessage()의 성능을 살펴봅니다.
Jake와 Surma는 자바스크립트의 변수 범위 지정(var vs const/let 및 스크립트 및 모듈)을 심층적으로 살펴봅니다.
제이크와 수마가 오프라인 우선 앱의 업데이트 처리에 관해 이야기합니다. '업데이트하려면 여기를 클릭하세요'보다 더 나은 서비스를 제공해 드릴 수 있나요? 다양한 예시가 있습니다.
Surma는 제이크에게 https://proxx.app을 빌드하는 동안 발생한 이상한 브라우저 버그 네 개를 일깨워줍니다. 이 버그는 대부분 Jake가 앱에서 차단한 것입니다.
특히 방종한 에피소드에서 제이크와 수마는 무엇이 그들을 웹에 있게 되었고 그 과정에 도움이 된 것들에 대해 이야기합니다.
HTTP 203: Jake & Surma의 경우 약간 다른 것으로 웹 표준이 변경됩니다. 사양 읽기 및 웹 양식 작성 방법...
클릭재킹은 '좋아요' 버튼과 같은 다른 사이트의 콘텐츠와 상호작용하는 방식을 변경했지만 Intersection Observer V...
'HTTP 203'이라는 프로그램은 무엇이고, 다른 옵션으로는 무엇이 있었을까요?
제이크와 서마가 앱 Squoosh에서 이미지 회전 코드를 최적화한 방법과 Hacker News가 Loop 타일링에 대해 가르친 방법에 대해 이야기합니다.
제이크가 Chrome Canary를 사용해 새로운 비트를 포함한 Share Target API를 시연합니다.
제이크와 서마가 성능 최적화를 할 때 컨텍스트의 중요성과 일부 개발자가 흔히 저지르는 실수에 관해 이야기합니다.
제이크와 수마가 JAMStack에 대해 이야기하고 JAMStack의 의미와 웹 개발자에게 어떻게 유용한지에 대해 이야기합니다.
제이크와 서마가 캔버스 API와 관련된 새로운 것들에 대해 이야기합니다. 여기에는 다음이 포함되지만 이에 국한되지 않습니다.
제이크는 Surma에게 새로운 웹 API인 Background Fetch를 사용하여 실제로 만든 것을 보여줍니다.
2018년에는 많은 웹 플랫폼 기능이 Chrome에 나타났지만, 어떤 기능이 가장 적합할까요? 마지막 네 번째 부분입니다.
2018년에는 많은 웹 플랫폼 기능이 Chrome에 나타났지만, 어떤 기능이 가장 적합할까요?
2018년에는 많은 웹 플랫폼 기능이 Chrome에 나타났지만, 어떤 기능이 가장 적합할까요?
2018년에는 많은 웹 플랫폼 기능이 Chrome에 나타났지만, 어떤 기능이 가장 적합할까요?
제이크와 수마는 당연하게 여기는 현대적인 자바스크립트 및 웹 기능을 살펴봅니다.
제이크와 수마가 Chrome 68의 새로운 Page Lifecycle API를 살펴봅니다. 앱이 필요한 이유와 이를 활용하는 가장 좋은 방법에 관해 논의합니다.
제이크와 수르마가 변환 적용 방식을 제어할 수 있는 SVG의 새로운 변환 상자 속성에 대해 설명합니다.
Jake와 Surma는 아직 개발이 끝나지 않은 자바스크립트 제안 몇 가지를 살펴보고 각각의 개발자에게 공식적인 Surma를...
이 에피소드에서는 Surma & Jake가 폴리필의 조건부 로드와 ES2015 모듈에서 이를 구현하는 방법에 관해 이야기합니다. ...
이 에피소드에서 Surma는 2분 동안 방송 채널을 설명합니다. Broadcast Channel API는 흥미로운 주제입니다. 왜냐하면
이번 에피소드에서는 제이크와 서마가 민감한 정보가 유출될 위험을 줄이는 알고리즘인 CORB (Cross-Origin Read Blocking)에 대해...
이 에피소드에서는 제이크와 서마가 for-loop의 실제 작동 방식과 발전을 분석해 줍니다. 그 것은 더 복잡해졌습니다.
Lighthouse와 Puppeteer는 웹사이트를 빌드할 때 매우 효과적으로 함께 사용할 수 있는 강력한 개발자 도구입니다. 라이트하우...
제이크와 서마가 마티아스 바인스와 사티야 구나세카란과 함께 자바스크립트의 최신 발전에 관해 이야기합니다.
마틴 스플리트가 I/O ‘18에서 제이크와 수르마와 함께 Google 검색의 미래에 관해 설명합니다. #HTTP203
제이크와 서마가 웹 보안, 스펙터, 멜트다운, 보안팀이 취약점을 해결하는 방식에 관해 이야기합니다. CANNOT TRANSLATE
폴 아일랜드와 제이슨 밀러가 제이크 & 서마와 함께 현재 Chrome Devtools의 최신 개발 사항에 대해 논의합니다. #HTTP203
기술적 채무는 개발 초기에 가장 쉬운 해결 방법을 선택했을 때 발생하는 추가 작업을 나타내는 용어입니다...
엔지니어링 부문 부사장인 대린 피셔가 제이크와 서마와 함께 Chrome 브라우저의 시작에 대해 이야기하고 인터뷰 질문에...
마리코 코사카가 제이크 & 수르마와 함께 초기 웹 사용 경험과 코딩에 입문한 방법에 대해 이야기합니다. Mariko도 구매...
제이크와 서마가 롭 도슨과 함께 접근성, SWE (소프트웨어 엔지니어링) 순환, :포커스-표시에 관해 이야기합니다.
제이크와 수르마가 모니카 딘쿨레스쿠에게 PWA 스타터 키트, 그림 이모티콘, 올바른 성격에 대해 이야기합니다. #HTTP203
제이크 아치볼드와 수르마가 벤 갤브레이스 (Chrome 부문 이사) 및 디온 알메르 (DevRel 이사)와 대화하며 인터넷의 현황에 대해...
오늘은 #HTTP203에서 제이크와 서마가 악명 높은 #SmooshGate에 대해 논의합니다.
#HTTP203 Surma (@DasSurma)와 Jake (@Jaffathecake)가 일과 생활의 균형을 이루는 방법을 해킹하는 방법을 논의합니다.
HTTP203 에피소드에서 Jake Archibald와 Surma가 나무의 흔들림에 대해 이야기합니다. 코드도 보여드리겠습니다. 처음으로 아주 좋아요.
수르마와 제이크 아치볼드가 오늘날 #HTTP203에서 관찰자에 관해 토론합니다.
제이크 아치볼드가 수르마에게 2분 동안 JavaScript 기호에 대해 설명합니다. 어디에 사용하나요? 이유가 무엇인가요? 모든 것이 드러납니다... #HTTP203
스피드 라운드가 돌아왔습니다. 수르마는 2분 이내에 제이크에게 Webpack과 Workers를 탐색한 이유를 설명합니다. #HTTP203
대부분의 기기는 60Hz에서 실행되지만 일부 새 기기는 120Hz에서 실행됩니다. 이것이 단순한 엔지니어인 우리에게 어떤 의미가 있을까요? 수마와 제이크가 토론합니다.
EventTarget이 카나리아 버전으로 업그레이드되었습니다 우와. Surma와 Jake가 웹에 어떤 영향을 미치는지 설명합니다. #HTTP203
이제 JavaScript에 import() 함수를 사용하여 모듈을 동적으로 가져올 수 있습니다. 그러나 그것이 정말 함수일까요? #HTTP203
마지막 HTTP203 크리스마스 특별 이벤트에서 Surma는 사이트에 전담 작업자를 사용하는 웹 작업자에 대해 이야기합니다.
HTTP203 크리스마스 시즌! 이 에피소드에서는 제이크가 변환 스트림에 대해 이야기합니다.
이 HTTP203 에피소드에서 Surma는 동적 import()에 대해 설명합니다. Dynamic import()는 함수와 비슷한 새로운 형식의 import를 도입하여 다음을 잠금 해제합니다.
HTTP203 크리스마스 시즌! 제이크와 서마는 2분 동안 2018년에 가장 기대되는 웹에 대해 설명합니다. 이번 에피소드에서는...
오늘 Surma는 HTTP203의 비동기 반복기 및 생성기에 대해 이야기합니다.
'HTTP203 크리스마스 시즌! 제이크와 서마는 2분 동안 2018년에 가장 기대되는 웹에 대해 설명합니다. 이번 에피소드에서는...
HTTP203 크리스마스 시즌! 제이크와 서마는 2분 동안 2018년에 가장 기대되는 웹에 대해 설명합니다. 이번 에피소드에서는 S...
HTTP203의 이번 크리스마스 에피소드에서 Jake는 가중치 없는 CSS에 대해 설명합니다. 가중치 없는 CSS는 사양에 영향을 미치지 않고 요소를 일치시킬 수 있는 새로운 의사 클래스입니다...
Surma가 웹 아키텍처와 2018년의 목표에 관해 이야기하고 개발자에게 기본 스레드에서 버벅거림을 제거하는 방법을 알려줍니다. JavaS이든...
'HTTP203 크리스마스 시즌! 제이크와 서마는 2분 동안 2018년에 기대되는 웹에 대해 설명합니다. 이번 에피소드에서 Surma는 ...
HTTP203 크리스마스 시즌! 제이크와 서마는 2분 동안 2018년에 기대되는 웹에 대해 설명합니다. 이 에피소드에서 제이크는...
'HTTP203 크리스마스 시즌! Jake (@jaffathecake) 및 Surma (@DasSurma)는 2분 동안 자신들이 좋아하는 웹에 대해 설명합니다. ...
약한 맵은 객체를 다른 객체와 연결하는 방법으로 가비지 컬렉션을 허용합니다. Jake (@jaffathecake) 및 Surma (@DasSur...
WebRTC에 관해 궁금했던 적이 있나요? 이제... 더 이상 궁금하지 않습니다. 꼭 그렇지는 않습니다. 수마는 열심히 살며 제이크에게 발견한 내용을 설명하기 위해 최선을 다합니다. ...
Surma와 Jake Archibald는 VDOM과 lit-html을 비교하여 개발자 환경 및 성능 측면에서 차이점을 평가합니다. #HTTP203...
오늘날 #HTTP203 제이크 아치볼드와 Surma가 시각적 표시 영역, 레이아웃 표시 영역, 표시 영역의 일반적인 미묘한 차이에 대해 이야기합니다.
Surma와 Jake Archibald는 가면 증후군에 대해 어떻게 생각하는지, 그리고 기술적인 내용을 기억하지 못하는 것이 정말 중요한지...
제이크 아치볼드와 서마가 HTTP203에서의 플래시 사용 경험에 대해 이야기합니다. 어떤 웹 표준이 플래시에서 영감을 얻었나요? 플래시할 수 있는 것...
Google 개발자 제이크 아치볼드와 폴 루이스가 웹 개발과 웹 개발의 다양한 측면에 대한 철학에 관해 이야기를 나눕니다.
HTTP203 HTTP2에서 Paul과 Jake는 HTTP의 미래와 이것이 디자인에서 성능까지 웹사이트 구축에 어떤 영향을 미칠지에 대해 이야기합니다.
이번 주 폴과 제이크는 산꼭대기에 있는 포도밭에서 도서관과 틀에 관해 토론합니다.
제이크는 폴의 최근 퍼포먼스 작업에 대해 설명하고, 위키백과보다 더 빠르게 콘텐츠를 렌더링하려는 노력을 기울입니다.
HTTP203: 이번 주에는 폴이 제이크에게 ES2015 (ES6)를 사용하여 빌드한 Voice Memos 앱에 대해 설명합니다.
HTTP 203은 9월 8일을 반환합니다. 이 새로운 시즌은 두 친구가 Google I/O 2015에서 일어난 일들을 기록합니다. ...
이번 주에는 Paul과 Jake가 자바스크립트의 미래, ES6 이상에 대해 이야기합니다.
폴과 제이크가 유지관리 및 재사용 가능한 코드와 파일의 압축을 풀기 위한 명령줄 매개변수를 재미있게 기억하는 방법에 대해 논의합니다.
돌아온 폴과 제이크 이번에는 여러 브라우저 엔진의 이점과 이 기능이 개발자에게 제공하는 강력한 기능에 대해 이야기합니다.
미래 웹에는 어떤 일이 일어날까요? 폴과 제이크가 유토피아와 디스토피아에 대해 이야기하다가 폴은 블레이드 러너를 싫어하는 것으로...
Paul & Jake는 vDOM에 대한 설명에서부터 사용자에게 거짓말하기에 이르기까지, 사용자가 순식간에 빠른 사이트로 이동할 수 있도록 하기 위해 노력하고 있습니다.
Paul과 Jake가 웹에서 프로그레시브 렌더링의 중요성에 대해 이야기합니다. 유감스럽게도 제이크는 '등형성'을 어떻게 말하는지 이해할 수 없습니다...
CSS 속성이 성능 문제를 일으키는지 어떻게 알 수 있나요? 폴이 제이크에게 꼭 전달하고 싶은 답변이 있는 것 같습니다. ...
제이크는 필수 물질에 대한 알레르기 반응이 나타나며, 폴은 웹과 네이티브라는 매우 논쟁적인 주제를 언급합니다. 네,...
제이크는 헤드폰 디스트로이어라는 새로운 역할을 맡게 되었습니다. 폴은 '헬로...
많은 새로운 웹 기능이 HTTPS로 통제됨에 따라 폴과 제이크는 HTTPS를 기대하는 것이 합리적인 요구사항인지에 대해 논의합니다.
사이트를 방문했을 때 텍스트가 있어야 할 곳에 여백이 보이는 것보다 더 성가신 건 없습니다. 웹 글꼴이 너무 길다는 이유만으로...
포인터 이벤트 (CSS가 아닌 다른 이벤트)는 기기 간 입력을 통합하도록 설정됩니다. 제이크에게 폴에게 새로운 소식이 있습니다.
웹용으로 구축한다는 것은 멋진 일이지만 때로는 실수 때문에 곤란한 상황에 놓일 수 있습니다. HTTP 203의 최신 에피소드를 확인하세요.
실제 환경에서 렌더링 성능과 초당 프레임 수를 추적하는 것은 개발자에게 어려운 일이지만 폴은 다음과 같이 말하려고 합니다.
호호호! 2014년은 웹에 멋진 한 해였습니다. Paul과 Jake는 2014년을 마무리하기에 좋은 날이라고 생각했습니다...
HTTP 203 시즌 2가 5월 18일에 시작됩니다! 폴과 제이크가 웹에 관해 이야기하고 있습니다. 음...잘 들으면 바스락거리는 소리가 들려요.