html (3) 썸네일형 리스트형 Bento는 560KB HTML 파일 하나에 편집기와 발표 도구를 담았어요 Bento는 560KB HTML 파일 하나에 편집기와 발표 도구를 담았어요Bento 단일 파일 오피스 도구 썸네일프레젠테이션 파일을 열기 위해 같은 프로그램과 계정부터 맞출 필요가 없는 도구가 나왔어요. Bento/Slides는 슬라이드와 편집기, 발표 화면을 약 560KB짜리 `.bento.html` 파일 하나에 묶어요. 최신 브라우저에서 파일을 열면 곧바로 편집하고 발표할 수 있어요. 1핵심 요약구분핵심왜 볼 만한가요파일 구조문서 데이터와 실행 도구가 HTML 파일 하나에 함께 들어가요별도 설치와 계정 없이 파일 자체를 보관하고 전달할 수 있어요AI 편집슬라이드 데이터가 읽을 수 있는 JSON 블록으로 남아요파일을 다루는 코딩 도구가 문서 구조만 고쳐 새 슬라이드를 만들 수 있어요발표 기능Morph .. 버튼 하나로 돌아본 프론트엔드 20년 버튼 하나로 돌아본 프론트엔드 20년AI 뉴스 썸네일2008년 무렵 웹 개발을 떠났다가 지금 돌아오면 `` 하나를 만드는 과정부터 낯설 수 있어요. jQuery, React, TypeScript, Vite, 서버 렌더링, 코딩 에이전트까지 여러 층이 더해졌기 때문이에요. David Poblador의 글은 각 도구가 어떤 불편을 해결하려고 등장했고, 그 해결책이 어떤 새 비용을 만들었는지 한 개의 버튼을 따라가며 보여줘요. 1핵심 요약시기해결하려던 문제뒤따른 비용jQuery와 AJAX브라우저 차이를 줄이고 페이지 일부만 바꿨어요데이터와 DOM 상태를 개발자가 직접 맞춰야 했어요컴포넌트 프레임워크상태에 따라 화면을 선언적으로 그렸어요런타임과 프레임워크 학습 비용이 커졌어요번들러와 고속 툴링모듈, 구형 브라우.. 43MB 앱을 0.05MB 웹페이지로 바꾼 개발자의 실험 43MB 앱을 0.05MB 웹페이지로 바꾼 개발자의 실험IT & AI 뉴스 썸네일여행 일정과 PDF를 확인하려고 43MB짜리 앱을 설치해야 했던 개발자가 같은 정보를 웹페이지로 다시 만들었어요. 콘텐츠를 받은 앱은 124MB까지 커졌지만, 새 HTML 페이지 자체는 0.05MB에 그쳤어요. 앱 설치가 정말 필요한지 제품 기획 단계에서 다시 묻게 하는 사례예요. 1핵심 요약구분핵심왜 볼 만한가요앱 구조Travelbound는 서버에서 받은 텍스트, 이미지, PDF 링크를 화면에 표시했어요네이티브 앱이 필요한 기능과 웹으로 충분한 기능을 구분할 수 있어요분석 방법루팅한 Android 가상 기기와 HTTP Toolkit으로 네트워크 요청을 확인했어요앱의 데이터 흐름을 조사하는 현실적인 과정을 볼 수 있어요웹 변.. 이전 1 다음
