Gittip-links Chrome Extension 개발 기록
Source
Evernote/IFTTT Feedly/기분 전환용 프로젝트 Gittip-links.md
Summary
저자는 Github/Bitbucket 페이지에서 개발자의 Gittip 계정 존재 여부를 아이콘으로 표시하는 Chrome Extension을 기분 전환용으로 개발했다. 개발 중 Ajax 요청 시 HTTP 302 리다이렉트 처리 문제로 예상보다 시간이 소요되었으며, 최종적으로 공식 확장 프로그램(Gittip-Everywhere)이 이미 존재함을 확인했다. 공식 버전이 저장소 소유자만 표시하는 반면, 저자의 버전은 페이지 내 모든 사용자 링크에 대해 아이콘을 표시하는 차이가 있다.
Key Points
Github/Bitbucket의 사용자 링크 옆에 Gittip 계정 존재 여부를 아이콘으로 표시하는 Chrome Extension 개발
Ajax 요청 시 브라우저의 자동 리다이렉트(302) 처리로 인해 Location 헤더 직접 파싱이 불가능했던 기술적 학습 경험
개발 완료 후 이미 Gittip 공식 확장 프로그램(Gittip-Everywhere)이 존재함을 확인
공식 확장 프로그램과의 차이점: 저자의 버전은 페이지 내 모든 사용자(타임라인, 커밋로그 등)에 대해 아이콘 표시
소스는 GitHub(github.com/outsideris/gittip-links)에 공개됨
Chrome 28 베타: 리치 알림(Rich Notifications) 및 알림 센터 도입
Puppeteer를 활용한 로컬 개발 서버 대체 방안 (web.dev 사례)
개드립용 크롬 확장 프로그램 만들기 (1 편)
2012년 1,2월 브라우저 기술 동향
크롬 개발자 도구 101
Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩
WebKit의 웹표준 구현 현황 (2011)
브라우저 개발자 도구의 25 가지 비법 (2011)
WebRTC DataChannel 구현, API 변경 및 크롬-파이어폭스 상호운용성
Chrome Beta: 숨겨진 자동 재생 오디오 탭 식별 기능
Yeoman: 도구를 활용한 더 나은 웹 개발
Chrome Packaged Apps (Dev Channel 출시)
Chrome Packaged Apps 개요 및 추천 앱
#)
Web Audio API의 Android Chrome Beta 지원 (2013)
Chrome DevTools 모바일 스크린캐스트 및 에뮬레이션
O 2013 실험 사례 연구
Chrome M37 Precision Touch (TouchEvents Float Coordinates)
Web Speech API 소개 및 구현 가이드
Chromecast 신규 앱 및 로컬 콘텐츠 스트리밍 지원 발표
크롬 컨퍼런스 핵심 요약 (Web Components, DevTools, Chrome Apps)
구글 iOS용 크롬 29 버전 주요 기능
5 jQuery Notification Plugins
Web Animations API: element.animate() (Chrome 36)
5 jQuery Notification Plugins
Native Navigation (Airbnb)
Google Chrome의 고성능 네트워킹 아키텍처
Google Drive 활용을 위한 6가지 Chrome 확장 프로그램
Web Push Notifications for a Simple Login System
Undead Overlord 모바일 RTS 개발 논의 (Experimental Game Dev Podcast)
Google, Web Components 를 웹 개발의 미래로 제시 (2013)
자동차용 ‘콧코로’ 음성인식 비서 앱 개발기
Firefox 35: Hello 비디오 채팅 개선 및 데스크톱 Marketplace 베타 출시
Fluid를 사용하여 웹사이트를 맥 메뉴 바 앱으로 변환하기
The “When Can I Use” Web Widget
The Web Ahead: Jen Simmons 인터뷰 요약
Google Portable Native Client (PNaCl)
Web Fundamentals 및 Web Starter Kit 리소스
CSS 최신 동향 파악을 위한 Adobe Web Platform 블로그
Adobe Primetime 플랫폼 업데이트 및 터너 브로드캐스팅 계약
웹 증강을 위한 엔드유저 언어: 생산자와 소비자 모두를 위한 접근
Scrapy 로 웹사이트 크롤링 해보기
웹 컴포넌트(1): Keep calm and usetheplatform
실시간 웹 협업도구 만들기 (홍영택)
게임 개발팀 A의 정기 회의 매뉴얼
Hiding Native HTML5 Video Controls in Full-Screen Mode
iOS 개발자의 Android 개발 경험 (Nick Farina)
안드로이드 크롬의 WebRTC 지원 (2013)
Android Remote Application Framework (RAF)
Distributed Web Worker 개발 중 Promise 및 이벤트 처리 이슈
WebRTC 인프라: STUN, TURN 및 시그널링
31 CSS Web Design Galleries You’ll Love
FireChat: 인터넷 없이 작동하는 P2P 채팅 앱
SCR Screen Recorder for Android
CyanogenMod AirPlay 미러링 데모
대학생을 위한 웹 개발 공부 체크리스트
Pandora TV 및 게임기용 HTML5 사이트 출시
YouTube Audio Library 출시
W3C 웹 결제 표준 개발 그룹 결성
브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화
WebRTC 보안 아키텍처와 호환되지 않는 신원 프로토콜의 적응 방안
Smart Learning News 19탄: EdTech 동향 (2014)
웹 기반 실시간 통신 보안 (WebRTC)
2012년 비즈니스 및 마케팅 트렌드 예측 자료 12선 (슬라이드쉐어)
대시보드 장착 Nexus 7 및 KITT 테마 커스텀 런처
HTML is the Web ~ Pete Lambert
Microsoft Office Web Apps 실시간 공동 작성 기능 출시
JavaScript 학습 자료 (2013)
오프라인 웹 애플리케이션 만들기 (Mozilla 웹 기술 블로그)
Chromecast 에서 Game Boy 에뮬레이터 실행 방법 (개념 증명)
동방 프로젝트 기반 3D 게임 개발 중간 보고
웹 개발 레시피 (책 소개)
Ingress 게임 설명용 신규 비디오 공개
Google Web Designer 출시 예정 (2013)
BitTorrent Bleep: P2P 암호화 메신저
Firefox OS 한국어 지원 현황 및 로드맵 (2013)
BitTorrent, 분산형 채팅 클라이언트 ‘BitTorrent Chat’ 공개
곽철용 짤 생성기 개발 후기 (Vue + HTML Canvas)
HTTP 클라이언트 라이브러리의 리다이렉트 지원 방식 제안
HTML5 Web App Client-Side Storage 옵션 및 팁
ITViewpoint.com: 30분 만에 캔디팡 만들기 영상 소개
WebRTC 서비스의 사용자 신원 및 신뢰 문제
WebRTC 브라우저 간 보안 보장
브라우저 간 P2P 연결 (WebRTC)
AirDisk: 무선 파일 공유 앱
Microsoft BrowserSwarm 출시
스카이프, 웹 기반 통화 시장에 진출 (2013)
Libplanet 0.2 릴리스 주요 변경 사항
8bit.js: Web Audio API 기반 8비트 사운드 라이브러리
Simple.TV 2세대 스트리밍 DVR 및 Version 2.0 인터페이스 공개
2017 웹 개발 트렌드: PWA, 프레임워크 안정화, GraphQL, AI
미래형 반응형 웹 디자인 (Warpspire)
HTML5 Video Player Comparison (2011)
MixBit iOS 앱 업데이트: 검색, 저장, 공유 기능 개선
VueJS 프로젝트에 Prettier + ES6 Lint 적용
PC 게임 실행 가능 여부 확인 방법
DevTools Continuous Painting Mode를 활용한 페인팅 성능 프로파일링
Play Framework 2.2 기반 Facebook Canvas 게임 개발 일지
Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례
웹 개발자를 위한 가상 현실(VR) 가이드 (Smashing Magazine)
하나 타자 연습 개발 후기
레진코믹스 안드로이드 우선 개발 배경
NDC 2012 강연 자료 링크 모음
Google+ Hangouts 기술 아키텍처 및 전망
다이닝코드 모바일 앱 출시
NIST SP 800-63 디지털 신원 가이드라인 (2017)
크로스 플랫폼 SSO 기술 (Cross-Platform SSO)
KT 경제경영연구소 보고서 모음 (니오 필진)
2012 년 HTML5 모바일 개발 현황 및 디바이스 API
홈페이지 구축 조건 및 계획
Web Framework Benchmark Inspired
Roll It 생성 사례 연구
비트토런트 챗 (BitTorrent Chat) 개요
Cube Slam: WebRTC 기반 실시간 브라우저 게임
Create React Native App (CRNA) 소개
Kurento WebRTC PaaS의 인증, 인가 및 회계 보안 모델 분석
CSS를 이용한 클라이언트 측 전체 텍스트 검색
오페라, 웹킷 기반 브라우저 ‘오페라아이스’ 개발 배경 및 의미