<div id="readability-page-1" class="page"><div tabindex="-1" id="___gatsby"><main><div><article><h2 id="go"><a href="#go" aria-label="go permalink"></a>Go</h2>
<ul>
<li><a href="https://github.com/quii/learn-go-with-tests" target="_blank" rel="nofollow noopener noreferrer">learn-go-with-tests</a>: 테스트와 함께 배우는 Go 언어 튜토리얼</li>
</ul>
<h2 id="javascript--node"><a href="#javascript--node" aria-label="javascript  node permalink"></a>JavaScript / Node</h2>
<ul>
<li><a href="https://github.com/HenrikJoreteg/money-clip" target="_blank" rel="nofollow noopener noreferrer">money-clip</a>: 특이한 이름의 클라이언트 사이드 캐시 라이브러리이다. <a href="https://github.com/jakearchibald/idb-keyval" target="_blank" rel="nofollow noopener noreferrer">idb-keyval</a> 이라는 IndexedDB 래퍼에 캐시 버저닝과 TTL 기능을 추가했다고 한다.</li>
<li><a href="https://github.com/Rich-Harris/devalue" target="_blank" rel="nofollow noopener noreferrer">devalue</a>: <code>JSON.stringify</code>의 대안 라이브러리. <code>JSON.stringify</code>에서 지원하지 않는 출력형식을 지원한다.</li>
<li><a href="https://github.com/keith-turner/ecoji" target="_blank" rel="nofollow noopener noreferrer">ecoji</a>: Base1024 인코딩 엌ㅋㅋㅋㅋㅋ</li>
<li><a href="https://github.com/kuitos/axios-extensions" target="_blank" rel="nofollow noopener noreferrer">axios-extensions</a>: 일반적으로 원격 요청할 때 클라이언트 단에서 쓰로틀 방지 지연 요청이나, 응답 캐시 등 일반적인 구현 요구사항이 있는데, Axios adapter API를 이용한 확장. 그대로 쓸 수 있을 거 같진 않지만 참고해서 만들기 좋을 것 같다.</li>
<li><a href="https://github.com/ctimmerm/axios-mock-adapter" target="_blank" rel="nofollow noopener noreferrer">axios-mock-adaptor</a>: 마찬가지로 adaptor 이용해서 응답 모킹하는 라이브러리. 이외에도 <a href="https://github.com/axios/moxios" target="_blank" rel="nofollow noopener noreferrer">moxios</a>라는 공식(?!) 라이브러리도 있더라. 음? axios는 nock으로 모킹이 안되나? 싶어 찾아봤더니 이런 <a href="https://github.com/axios/axios/issues/305" target="_blank" rel="nofollow noopener noreferrer">이슈</a>가 있다.</li>
<li><a href="https://github.com/asfktz/Awaity.js" target="_blank" rel="nofollow noopener noreferrer">Awaity.js</a>: Bluebird의 대안 라이브러리. Node에 내장 Promise가 있지만 추가 오퍼레이터 지원이 있는 Bluebird가 약간 끌리긴 했는데 좋은 대안인 것 같다. 좀 더 가볍고, Promise 프로토타입에 비표준 메서드를 추가하지도 않고, 동시성 제어를 지원하면서, <strong>펑-셔널</strong> 스타일도 지원한다.</li>
<li><a href="https://github.com/cbowdon/TsMonad" target="_blank" rel="nofollow noopener noreferrer">TsMonad</a>: TypeScript를 이용한 모나드 컨테이너 라이브러리, 사실 모나드가 뭔지 몰라서 일단 찍었다.</li>
<li><a href="https://github.com/pshihn/rough" target="_blank" rel="nofollow noopener noreferrer">Rough.js</a>: 도형이나 패쓰를 손그림 스타일로 그려주는 캔버스 라이브러리</li>
<li><a href="https://github.com/webpack-contrib/npm-install-webpack-plugin" target="_blank" rel="nofollow noopener noreferrer">NPM Install Webpack Plugin</a>: 진정한 HMR의 완성이 아닌가..</li>
<li><a href="https://github.com/subicura/javascript-debugging-example" target="_blank" rel="nofollow noopener noreferrer">javascript-debugging-example</a>: Subicura님의 <a href="https://subicura.com/2018/02/14/javascript-debugging.html" target="_blank" rel="nofollow noopener noreferrer">자바스크립트 디버깅</a>에 대한 예제 프로젝트.</li>
<li><a href="https://github.com/maticzav/emma-cli" target="_blank" rel="nofollow noopener noreferrer">Emma</a>: Yarn Add 어시스턴트 CLI</li>
</ul>
<h2 id="knowledge"><a href="#knowledge" aria-label="knowledge permalink"></a>Knowledge</h2>
<ul>
<li><a href="https://github.com/hanbitmedia/Writing-IT-Books" target="_blank" rel="nofollow noopener noreferrer">Writing-IT-Books</a>: 한빛미디어의 프로그래밍 책 집필 가이드북</li>
<li><a href="https://github.com/AntJanus/programmers-proverbs" target="_blank" rel="nofollow noopener noreferrer">Programmer's Proverbs</a>: 프로그래머 격언 저장소</li>
</ul>
<h2 id="react--react-native"><a href="#react--react-native" aria-label="react  react native permalink"></a>React / React Native</h2>
<ul>
<li><a href="https://github.com/acdlite/react-fiber-architecture" target="_blank" rel="nofollow noopener noreferrer">react-fiber-architecture</a>: 리액트 16에서 싹바뀐 코어 아키텍쳐, 일명 Fiber에 대한 설명이 있다. 나중에 꼭 읽어봐야지하곤 일단 킵</li>
<li><a href="https://github.com/react-native-training/fundamentals-slides" target="_blank" rel="nofollow noopener noreferrer">React Native Fundamentals Slides</a>: 리액트 네이티브 관련 슬라이드, 빌어먹을 키노트 파일로 올라와 있어서 변환이 필요하다. 내 경우엔 감사하게도 커뮤니티 분이 해주셨지만 만약 변환해야한다면 <a href="https://cloudconvert.com/key-to-ppt" target="_blank" rel="nofollow noopener noreferrer">온라인 변환기</a>를 쓰자. ppt로 변환하면 깨지고, pdf나 html로 뽑으면 잘 나오더라.</li>
<li><a href="https://github.com/codefacebook/react-patterns" target="_blank" rel="nofollow noopener noreferrer">react-patterns</a>: React와 함께 자주쓰이는 패턴들 정리</li>
<li><a href="https://github.com/donavon/react-af" target="_blank" rel="nofollow noopener noreferrer">react-af</a>: React 차기버전 호환성 라이브러리, 각종 Deprecation이나 예정된 신규 API들을 미리 사용할 수 있다. 라이브러리 개발자들에게 도움된다고 함.</li>
<li><a href="https://github.com/CharlesMangwa/react-data-fetching" target="_blank" rel="nofollow noopener noreferrer">react-data-fetching</a>: Render props 패턴을 간단한 Data fetching에도 적용해보기 :thinking_face:</li>
</ul>
<h2 id="reason"><a href="#reason" aria-label="reason permalink"></a>Reason</h2>
<ul>
<li><a href="https://github.com/scastiel/parcel-reason-react" target="_blank" rel="nofollow noopener noreferrer">parcel-reason-react</a>: Parcel + Reason + React 프로젝트 보일러플레이트</li>
</ul>
<h2 id="rust"><a href="#rust" aria-label="rust permalink"></a>Rust</h2>
<ul>
<li><a href="https://github.com/neon-bindings/neon" target="_blank" rel="nofollow noopener noreferrer">neon</a>: Rust의 Node.js Native 바인딩. 네이티브 모듈 Rust로 만드는거 상당히 끌린다.</li>
</ul>
<h2 id="server"><a href="#server" aria-label="server permalink"></a>Server</h2>
<ul>
<li><a href="https://github.com/fatedier/frp" target="_blank" rel="nofollow noopener noreferrer">frp</a>: 리버스 프록시 전용 서버, 다양한 로레벨 프로토콜을 지원하고 설정도 쉬워보인다. <del>정부의 검열에 시달리는 중국의 개발자가 프록시를 만들었다니 묘한 신뢰가</del></li>
</ul>

<ul>
<li><a href="https://github.com/kangax/html-minifier" target="_blank" rel="nofollow noopener noreferrer">html-minifier</a>: HTML 압축, 이미 minimize 되있는거 돌려봤는데 확실히 더 줄어든다. 옵션도 많다.</li>
<li><a href="https://github.com/sindresorhus/fkill-cli" target="_blank" rel="nofollow noopener noreferrer">fkill-cli</a>: Goodbye <code>lsof</code> <img alt="emoji-wave" data-icon="emoji-wave" src="data:image/png;base64, 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" title="emoji-wave"></li>
</ul>
<h2 id="typescript"><a href="#typescript" aria-label="typescript permalink"></a>TypeScript</h2>
<ul>
<li><a href="https://github.com/urish/typewiz" target="_blank" rel="nofollow noopener noreferrer">typewiz</a>: 타입 어노테이션 생성기. 지원안해주는 지연타입추론을 이런식으로 해결할 정도로 TS 커뮤니티 파워는 크다. <del>Flow 사용자는 또 웁니다</del></li>
<li><a href="https://github.com/bitjson/typescript-starter" target="_blank" rel="nofollow noopener noreferrer">typescript-starter</a>: 타입스크립트 보일러플레이트 생성 CLI</li>
</ul>
<h2 id="web"><a href="#web" aria-label="web permalink"></a>Web</h2>
<ul>
<li><a href="https://github.com/google/WebFundamentals" target="_blank" rel="nofollow noopener noreferrer">WebFundamentals</a>: 구글의 PWA 베이스 지식과 베스트 프랙티스 모음</li>
</ul></article><div><p><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank"><img alt="크리에이티브 커먼즈 라이선스" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a></p></div></div></main></div></div>

Hyeseong's Blog

Go
learn-go-with-tests: 테스트와 함께 배우는 Go 언어 튜토리얼
JavaScript / Node
money-clip: 특이한 이름의 클라이언트 사이드 캐시 라이브러리이다. idb-keyval 이라는 IndexedDB 래퍼에 캐시 버저닝과 TTL 기능을 추가했다고 한다.
devalue: JSON.stringify의 대안 라이브러리. JSON.stringify에서 지원하지 않는 출력형식을 지원한다.
ecoji: Base1024 인코딩 엌ㅋㅋㅋㅋㅋ
axios-extensions: 일반적으로 원격 요청할 때 클라이언트 단에서 쓰로틀 방지 지연 요청이나, 응답 캐시 등 일반적인 구현 요구사항이 있는데, Axios adapter API를 이용한 확장. 그대로 쓸 수 있을 거 같진 않지만 참고해서 만들기 좋을 것 같다.
axios-mock-adaptor: 마찬가지로 adaptor 이용해서 응답 모킹하는 라이브러리. 이외에도 moxios라는 공식(?!) 라이브러리도 있더라. 음? axios는 nock으로 모킹이 안되나? 싶어 찾아봤더니 이런 이슈가 있다.
Awaity.js: Bluebird의 대안 라이브러리. Node에 내장 Promise가 있지만 추가 오퍼레이터 지원이 있는 Bluebird가 약간 끌리긴 했는데 좋은 대안인 것 같다. 좀 더 가볍고, Promise 프로토타입에 비표준 메서드를 추가하지도 않고, 동시성 제어를 지원하면서, 펑-셔널 스타일도 지원한다.
TsMonad: TypeScript를 이용한 모나드 컨테이너 라이브러리, 사실 모나드가 뭔지 몰라서 일단 찍었다.
Rough.js: 도형이나 패쓰를 손그림 스타일로 그려주는 캔버스 라이브러리
NPM Install Webpack Plugin: 진정한 HMR의 완성이 아닌가..
javascript-debugging-example: Subicura님의 자바스크립트 디버깅에 대한 예제 프로젝트.
Emma: Yarn Add 어시스턴트 CLI
Knowledge
Writing-IT-Books: 한빛미디어의 프로그래밍 책 집필 가이드북
Programmer's Proverbs: 프로그래머 격언 저장소
React / React Native
react-fiber-architecture: 리액트 16에서 싹바뀐 코어 아키텍쳐, 일명 Fiber에 대한 설명이 있다. 나중에 꼭 읽어봐야지하곤 일단 킵
React Native Fundamentals Slides: 리액트 네이티브 관련 슬라이드, 빌어먹을 키노트 파일로 올라와 있어서 변환이 필요하다. 내 경우엔 감사하게도 커뮤니티 분이 해주셨지만 만약 변환해야한다면 온라인 변환기를 쓰자. ppt로 변환하면 깨지고, pdf나 html로 뽑으면 잘 나오더라.
react-patterns: React와 함께 자주쓰이는 패턴들 정리
react-af: React 차기버전 호환성 라이브러리, 각종 Deprecation이나 예정된 신규 API들을 미리 사용할 수 있다. 라이브러리 개발자들에게 도움된다고 함.
react-data-fetching: Render props 패턴을 간단한 Data fetching에도 적용해보기 :thinking_face:
Reason
parcel-reason-react: Parcel + Reason + React 프로젝트 보일러플레이트
Rust
neon: Rust의 Node.js Native 바인딩. 네이티브 모듈 Rust로 만드는거 상당히 끌린다.
Server
frp: 리버스 프록시 전용 서버, 다양한 로레벨 프로토콜을 지원하고 설정도 쉬워보인다. 정부의 검열에 시달리는 중국의 개발자가 프록시를 만들었다니 묘한 신뢰가
Tool
html-minifier: HTML 압축, 이미 minimize 되있는거 돌려봤는데 확실히 더 줄어든다. 옵션도 많다.
fkill-cli: Goodbye lsof 
TypeScript
typewiz: 타입 어노테이션 생성기. 지원안해주는 지연타입추론을 이런식으로 해결할 정도로 TS 커뮤니티 파워는 크다. Flow 사용자는 또 웁니다
typescript-starter: 타입스크립트 보일러플레이트 생성 CLI
Web
WebFundamentals: 구글의 PWA 베이스 지식과 베스트 프랙티스 모음

주간 GitHub Stars (~ 2018/03/17)

댓글