markdown으로 ppt 만들기
간단하게 ascii 형식으로 다이어그램 만들기
node.js terminal ui 라이브러리
터미널에서 작업한 내용을 lightweight로 저장 및 공유
Machine-Learning-Tokyo/Interactive_Tools: Interactive Tools for Machine Learning, Deep Learning and Math
ML 관련 interactive tool 모음
브라우저 상에서 얼굴 mesh 검출, 조만간 web 기반 snow 가능할 듯
- yemount/pose-animator: 동작 검출
git 레포에 올라간 프로젝트 꽁짜로 돌리기
How to Draw Useful Technical Architecture Diagrams | by Jimmy Soh | The Internal Startup | Jun, 2020 | Medium
- Application architecture diagram: 애플리케이션의 업데이트, 교체, 병합등을 판단할때 사용
- Integration architecture diagram: 내/외부 파트너와의 연동 방식을 리뷰할때
- Deployment architecture diagram: 네트워크 경계와 인프라스트럭쳐의 크기 정보를 통해 증설 계획 업그레이드 최적화등을 판단할 때
- DevOps architecture diagram: 시스템과 사람이 관여하는 절차 정보를 통해 개선 및 자동화 판단
- Data architecture diagram: 데이터를 어떻게 수집, 처리, 저장, 사용하는지 기술하여 가용성과 최적화에 사용
hero page 생성기
skeleton component 만들기
신용카드, 전화번호, 날짜 등 입력 포멧에 맞추어 input tag가 동작하도록 하는 라이브러리
LaTeX, MathML, AsciiMath 형식의 문자를 svg로 변형해 주는 라이브러리
Automate JavaScript project versioning with commitizen and standard-version | by Christian Ing Sunardi | Tunaiku Tech | Medium
커밋으로 부터 자동 버전 만들어 주기
micro frontend frameworks
- qiankun: Getting Started
- single-spa
- postaljs/postal.js: JavaScript pub/sub library supporting advanced subscription features, and several helpful add-ons.
오디오 편집 툴
그래프 라이브러리
ts/js 기반 데이터 분석 라이브러리, pandas, 별도의 서비스로 JS 노트북 제공
오픈소스 session recording 툴
사진을 노트 겉표지에 프린트 한것 같은 효과
2 Years of GraphQL in Production. Common pitfalls that you should avoid | by Stein Janssen | Better Programming | Jun, 2020 | Medium
왜 graphql을 사용하는가?
- 문서 업데이트를 걱정할 필요 없음. 모든 query와 mutation은 자동으로 문서화 됨
- 모든 데이터를 가져오는 대신 필요한 데이터만 가져올 수 있음
- FE에서 여러 API endpoint를 호출하지 않고 하나로 모을 수 있음
GraphQL 팁
type과enum의 이름은 언제나 unique 해야 한다. 예를들어 제품의 상태는 ProductStatus라고 해야지 Status라고 하면 이름이 중복된다- query를 늘리기 보다는 query에 filter 기능을 추가해라. (예시. shared/ - Playground에서
AssetFilter로 검색) - query와 mutation에 네이밍 컨벤션을 두면 찾기 쉽다.
- pagination query 작성시 limit 값의 기본값과 최대값을 정의하라. 그렇지 않으면 API 서버가 죽을 수 있다.
- GitHub - APIs-guru/graphql-voyager: 🛰️ Represent any GraphQL API as an interactive graph를 사용하여 visualize를 할 수 있다.
그 밖의 자료
- GraphQL Best Practices. Having used GraphQL for 6 months, I… | by Manish Jain | Towards Data Science
When You Should Use JavaScript Maps over Objects | by Reed Barger | Code Artistry | Jun, 2020 | Medium
언제 Map을 사용하는가?
js object 방식의 map의 한계
- Only strings or symbols can be used as keys
- Own object properties might collide with property keys inherited from the prototype (e.g. toString, constructor, etc).
- Objects cannot be used as keys
WeakMap에 대한 설명 key 값으로 사용한 object가 garbage collect 대상이 될 수 있는 Map
오픈소스 firebase alternative
나는 잘 모르지만, 왠지 알아야 할거 같은... -,.-