최신 문서

  • 웹 컴포넌트의 능력

    배경 DHTML 커서 추적 애니메이션과 “주간 사이트” 배지가 처음으로 웹을 우아하게 만든 이후로, 재사용 가능한 코드는 웹 개발자들을 유혹해왔습니다. 그때부터 제3자 UI를 웹사이트로 통합하는 것은 골치아픈 일이되었습니다. 다른 사람들의 똑똑한 코드를 사용하다보면 JavaScript 또는 !important를 포함하는 공포스러운 CSS 보일러플레이트와 충돌하게됩니다. React 세계나 다른 최신 프레임워크에서는 나은편이지만, 위젯을 재사용하기 위해 전체 프레임워크를 알아야한다는 오버헤드는 조금 과한 […]

  • Dweb: IPFS로 협력과 신뢰가 꽃피는 Web 만들기

    이 시리즈를 통해서 우리는 탈중앙화 (decentralized)된 웹 또는 분산화 (distributed)된 웹의 가능성을 탐색하는 프로젝트들을 살펴보고 있습니다. 이 프로젝트들은 Mozilla 프로젝트들이 아닙니다. 그리고 어떤 프로젝트들은 웹 브라우저에 대한 생각을 Mozilla 와 달리 합니다. 하지만 공통점이 있습니다. 이 프로젝트들은 오픈소스이고, 누구나 참여할 수 있습니다. 그리고, 모두에게 공개되고 누구나 접근 가능한 웹을 추구한다는 점에서 Mozilla 와 같은 사명을 […]

  • Dweb: Beaker 로 브라우저에서 웹을 서비스하기

    이번 시리즈를 통해 우리는 웹이 탈중앙화되고 분산화되면 무엇이 가능해지는지 보여주는 프로젝트들을 탐색하고 있습니다. 이 프로젝트들은 Mozilla 프로젝트들이 아닙니다. 그리고 어떤 프로젝트들은 Mozilla 와 다른 방식으로 웹 브라우저를 정의하고 있습니다. 하지만 이 프로젝트들에는 공통점이 있습니다. 이 프로젝트들은 오픈소스이고 누구나 참여할 수 있습니다. 그리고 모두에게 공개되고 누구나 접근 가능한 웹을 추구한다는 점에서 Mozilla 와 같은 사명을 공유하고 […]

  • Dweb: WebTorrent 로 강인한 웹 만들기

    이번 시리즈를 통해 우리는 탈중앙화되고 분산화된 웹의 가능성을 탐색하는 프로젝트들을 다룰 것입니다. 이 프로젝트들은 Mozilla 프로젝트가 아닙니다. 그리고 어떤 프로젝트들은 Mozilla 와 다른 방식으로 웹 브라우저를 정의합니다. 이 프로젝트들에는 공통점이 있습니다. 이 프로젝트들은 오픈소스이고 누구나 참여할 수 있습니다. 그리고 모두에게 공개되고 누구나 접근 가능한 웹을 추구한다는 점에서 Mozilla 와 같은 사명을 공유하고 있습니다. 웹이 건강함을 […]

  • Dweb: Secure Scuttlebutt 으로 소셜 피드 작성하기

    지난번 시리즈 소개글에서, 우리는 온라인 소셜 활동에 대한 결정권을 사람에게 부여하는 것이 중요함을 짚어봤습니다. 혐오표현이나 유해표현에 대한 판단을 수익만 추구하는 영리회사에게 맡기는 대신 말이죠. Dweb 시리즈 이번 회차에서 다룰 대상은 Secure Scuttlebutt 입니다. Secure Scuttlebutt 은 사용자가 온라인 커뮤니티에 관한 모든 결정권을 갖는 세계로 안내해줍니다. 앞으로 몇 주 동안 우리는 탈중앙화/분산화 분야의 다양한 프로젝트들을 다룰 […]

  • Dweb 소개

    Dweb 소개 웹은 역사상 가장 성공적인 프로그래밍 플랫폼이며, 그 결과 지금까지 만들어진 가장 거대한 열려있고 접근가능한 인류의 지식이 되었습니다. 이는 아주 훌륭합니다. 하지만 웹에서 해결할 수 없는 몇 가지 문제가 있습니다. 여러분이 좋아하는 웹사이트나 앱을 새 버전으로 업데이트한 후, 이전 버전으로 돌아가고 싶었던 적이 있으신가요? 인터넷 연결이 없을 때나 클라우드 서비스를 사용하지 않을 때 파일을 […]

  • 프로그레시브 웹 게임

    최근에 출시한 MDN의 프로그레시브 웹 앱 핵심 가이드를 통해 모바일 기기에서의 웹 페이지를 네이티브처럼 반응하도록 보여지고 느껴지도록 만드는것이 어느때보다 쉬워졌습니다. 하지만 게임은 어떤가요? 이 문서에서는 웹 API에 내장된 PWA 기능들을 사용하여 최신 웹 개발 환경에서 프로그레시브 웹 게임의 개념이 실용적이고 실현가능한지 확인해 볼 것입니다. Enclave Phaser 템플릿(EPT)를 살펴봅시다. Phaser 게임 엔진을 사용해 제가 만든 HTML5 […]

  • MDN 웹 문서의 프로그레시브 웹 앱 핵심 가이드

    프로그레시브 웹 앱(PWA)은 웹 사이트를 구축하는 새로운 방법입니다만, 완전히 새로운 방법일까요? PWA의 기본 원칙은 점진적인 향상, 반응형 디자인, 모바일 우선 등과 같은 앱 디자인을 위한 과거의 전략으로부터 비롯되었습니다. 프로그레시브 웹 앱은 새로운 API 세트와 여러 기능들과 같은 입증된 기술들을 하나의 용어로 통합하여 지칭하는 것입니다. 2018년은 PWA의 해가 될 것입니다. MDN 웹 문서에는 PWA에 관심있는 모든 […]

  • 박수 인식 Web Thing 만들기

    Things Gateway 프로젝트는 표준화된 HTTP 기반 API를 사용하여 여러분의 모든 IoT 기기를 하나로 통합하여 제공할 수 있는 플랫폼입니다. 우리는 최근에 Things Gateway를 발표했으며 Gateway를 구축하고 Web of Things를 가지고 놀 수 있는 실습 프로젝트 시리즈를 게시하기 시작했습니다. 2월 초에 Gateway 부가 기능을 만드는 방법에 대한 고급 레벨 개요를 게시했습니다. 이 글에서는 우리가 지금까지 배웠던 것으로 […]

  • Emscripten으로 WebAssembly와 JavaScript 코드 크기 줄이기

    Emscripten은 asm.js 및 WebAssembly를 위한 컴파일러 툴체인으로 웹에서 C/C++를 네이티브에 가까운 속도로 실행할 수 있게 해줍니다. Emscripten 출력물의 크기는 최근에 굉장히 작아졌습니다(특히 작은 프로그램에서 더). 다음은 예제 C 코드입니다: #include <emscripten.h> EMSCRIPTEN_KEEPALIVE int add(int x, int y) { return x + y; } 이 코드는 두 수의 합을 내보내는 순수 연산의 “hello world” 입니다. -Os […]

모든 문서 보기 →