GitHub의 jQuery 제거 사례

Source

• Google Keep/a2018-09-17-22-01-12-1.md

Summary

GitHub 프론트엔드에서 jQuery를 제거한 과정을 다룬 엔지니어링 블로그 포스트 링크입니다. 주요 내용으로는 DOM API의 nullable 처리를 Flow 타입 체크로 대응, ESLint를 통한 점진적 jQuery 금지, Rails pjax 대응 및 다양한 폴리필 적용 등이 포함됩니다.

Key Points

• GitHub 프론트엔드에서 jQuery 의존성 제거
• Flow를 활용한 DOM API nullable 타입 체크
• ESLint 규칙을 통한 점진적 jQuery 사용 금지
• Rails pjax 호환성 유지 및 폴리필 적용

Related

• PayPal 의 Node.js 전환 사례 요약

• awesome-javascript (스크랩 실패)

• 기술 뉴스 #23 (2015-01-15)

• 넷플릭스 성능 케이스스터디 (NHN FE.JS Wiki #184)

• 자바스크립트 아키텍처 v0.4

• JavaScript 기반 분산 컴퓨팅 고려사항

• proxyquire: Node.js require 의존성 오버라이드 라이브러리

• Node.js 유지 사용의 이유 (Mimul’s Developer World)

• O 2013 실험 사례 연구

• Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

• Roll It 생성 사례 연구

• CoffeeScript: The Beautiful Way to Write Javascript (Presentation)

• 5 jQuery Notification Plugins

• HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)

• jQuery 애플리케이션 아키텍처 도구 (Addy Osmani)

• Prototype용 선택 상자 플러그인

• Popular Convention on Github 프로젝트 회고

• Etsy 무한 스크롤 실패 사례

• 2017년 주목할 만한 Java 라이브러리 목록

• Node.js Cluster 모듈 개요 및 활용

• Lobotomy - 포스트모뎀 (스크랩 실패)

• Nock: Node.js HTTP 모킹 라이브러리

• math.js 원격 코드 실행(RCE) 취약점 발견 및 악용 기법

• Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

• harp.js: 전처리 기능을 갖춘 정적 웹서버

• Go vs Node.js vs C++: 서버 사이드 언어 선택의 기준

• ECMAScript 6 Generator 개요 및 Node.js 활용

• Angular.js 의 핵심 개념 및 장점 요약

• Node.js 세션 관리 (Session Management)

• 페이스북 스파르탄 프로젝트의 비밀병기 Bolt.JS

• Node.js 란? (IBM developerWorks)

• Node.js 네이티브 애드온의 인자 검증 개선 (NanCheck)

• Node.js 의 핵심 관점 (Core Perspective to NodeJS)

• Node.js on Android (2013)

• Cycle.js

• Meteor.js 시작하기 및 아키텍처 개요

• Java 기반 웹 채팅 서버의 동시성 문제 및 아키텍처 검토

• Fluent 2016: Node.js 기반 하이퍼미디어 마이크로서비스 구현 튜토리얼

• io.js 프로젝트의 탄생 배경과 Node.js 포크 과정

• 한국 웹20주년 국제 콘퍼런스 Node.js 발표 회고

• WebSocket과 Node.js를 이용한 동시 영상 동기화 데모

• 실시간 투표 애플리케이션 구축 (Node.js, Express, AngularJS, MongoDB)

• Java 채팅 서버 구현 시 쓰레드 동기화 및 성능 이슈 토론 (2002)

• PayPal의 Kraken.js 프레임워크 리뷰 및 평가

• Play Framework 개요

• Angular 2 대신 Vue.js 선택 및 React 배제 이유

• 카카오 블라인드 공채 플랫폼 취약점 분석 (2017)

• O Docs를 사용한 API 문서화

• React vs Vue 비교 (2019 Edition, React Hooks 기준)

• AngularJS 기초편 (번역서) 리뷰

• Oj (Optimized JSON)

• Thinking in React (리액트스럽게 생각하기)

• EasyMock: RESTful API Mock 서버

• WebAssembly (WASM) 개요 및 설계 목표

• 재미로 만든 버블채팅 (KTH H3 컨퍼런스)

• GPU 동작 원리 및 아키텍처 개요

• AngularJS 와 RequireJS 를 활용한 대규모 웹 어플리케이션 개발

• 리팩토링 개요 및 기법 요약

• Java 웹 개발에서 .do 확장자의 기원과 관행

• Key-based cache expiry: A developer’s primer

• jQuery 이벤트 핸들링: .on() 사용 권장

• 야구9단 아키텍처 (NHN, 2011)

• 풀스택 JavaScript 프레임워크 학습 조언 (Quora)

• 2013년 자바스크립트 프레임워크 인기 동향 (Caliper Blog)

• React vs AngularJS 비교 (Quora)

• Three.js 시작 가이드 (Aerotwist)

• Velocity 2014: PageSpeed 인사이트 및 QuickBooks Online 클라이언트 사이드 아키텍처

• 곽철용 짤 생성기 개발 후기 (Vue + HTML Canvas)

• Web Framework Benchmark Inspired

• 구루의 기술뉴스: GitHub Atom 에디터 소개 (2014)

• 임베디드 웹 서버: 제한된 리소스에서의 효율적 포맷팅

• 카카오페이지 웹 React 포팅 후기

• ML 기반 번들링: JavaScript 툴링의 미래

• JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)

• eBay 의 WebAssembly 활용 사례: 모바일 웹 바코드 스캐너

• JavaScript 의 현대적 활용 분야 (2019)

• 8bit.js: Web Audio API 기반 8비트 사운드 라이브러리

• Scala + Play Framework 2 Server 성능 향상 시키기

• 리액트(React) 및 리액트 네이티브 개요 (2015)

• List.js: HTML 리스트의 검색, 정렬, 필터링을 위한 경량 JavaScript 라이브러리

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• 리눅스 환경 HLS 스트리밍 참조 링크 모음

• Play Framework 2.2 기반 Facebook Canvas 게임 개발 일지

• HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법

• DDoS 공격 시각화: VideoLAN 사례

• Quora 기술 스택 및 아키텍처 분석

• CoffeeScript 환경 설정 및 개요

• React Navigation V1 출시 준비 및 프로젝트 관리 방향성 (2017)

• 2014년 3월 15일 기술 뉴스 дайджест (웹개발, IT 업계, 프로젝트)

• 신규 웹 서비스 뒷조사 방법론 및 urigit.com 사례 분석

• Google Cloud Platform GitHub 조직 공개

• 실시간 웹 협업도구 만들기 (홍영택)

• Locust 데모 및 아키텍처 논의 (SRPOL)

• Puppeteer를 활용한 로컬 개발 서버 대체 방안 (web.dev 사례)