[20-09-4주] 지극히 주관적인 devlog

devlog.md

개발일반

23 Alternative Career Paths that Software Developers Can Grow Into

고객대응 (Customer-Facing Roles) 제품관련 (Product Roles) 운영업무 (Support Roles) 기술문서 (Teaching and Writing Roles) 분석업무 (Analytical Roles) 사장되기 (Independence and Flexibility)

Forget Boilerplate, Use Repository Templates! | by Liliana Nuño Silva | Better Programming | Medium

github의 repository template 기능 소개 프로젝트 템플릭을 손쉽게 만들어 사용할 수 있음

FE

Candy Color Button Animation

다양한 animation 버튼 모음

The Deep Sea

바다속 탐험, 스크롤에 따라 바다 깊이 만큼 내려가면서 탐험

10 great open source games from GMTK Game Jam 2020 - The GitHub Blog

게임 대회에서 오픈소스로 만든 게임들 A Key(s) Path by Geegaz

Building a PWA was our best idea ever | by Kevin Basset | JavaScript In Plain English | Jul, 2020 | Medium

PWA로 코로나 바이러스 앱 만든 이야기 CSR, firebase로 빠르고 대용량 트래픽을 받을 수 있음

A Practical Guide To Product Tours In React Apps — Smashing Magazine

react 기반으로 제품 둘러보기 기능 만들기

• 너무길지 않게
• 하나의 기능을 나누어서
• 스토리 보다는 제품이 제공하는 가치에 집중

관련 라이브러리

• reactour vs react joyride | npm trends

Infinite Scroll using Generators! | by Ashish Shubham | Medium

generator를 활용한 무한 스크롤

content-visibility: the new CSS property that boosts your rendering performance

content-visibility: hidden로 보이지 않는 영역을 렌더링하지 않도록 유도

steveruizok/perfect-arrows: A minimal tool for drawing perfect arrows between points and shapes.

좌표 두곳 지정해 주면 자연스러운 선 만들어 주는 라이브러리

pshihn/workly: A really simple way to move a function or class to a web worker. 🏋️‍♀️→ 😄

CPU 많이 사용하는 함수를 worker로 만들어 await로 결과를 받을 수 있게 해주는 유틸