Vanilla-Trello :: 바닐라 JS로 구현한 Trello
🗂️

Vanilla-Trello :: 바닐라 JS로 구현한 Trello

Created
Jun 4, 2021 12:40 PM
Tags
 
 
 
(1)
Vanilla JavaScript 기반으로 Trello 애플리케이션을 구현했다.
 
프런트엔드 중심으로 구현했으며,
ESM(EcmaScript-Module) 및 Web Components를 사용해 재사용 가능하고, 확장성있게 구현했다.
 
프로젝트를 진행할 때 Figma로 프로토타이핑 후 구현하는 방식으로 했는데,
어떤 컴포넌트를 구현해야 하는지, 또 어떤 컴포넌트를 재사용 할 수 있는지 등
많은 부분에서 구현 실수를 피할 수 있게끔 해 주었다.
 
앞으로 웬만한 프로젝트는 모두 Figma 기반 프로토타이핑 후 진행하지 않을까 싶다.
(Zeplin은 Free 계정의 경우 최대 한 개의 프로젝트만 만들 수 있어서 아직은 무리..)
 
(2)
구현하며 Service Worker, Cache Storage, Web Socket API를 사용해봤는데...
앞의 둘은 UX 관점에서 상당히 좋은 인사이트를 얻을 수 있었고,
후자의 경우 어떻게 Web Socket Lifecycle을 관리(구현)해야 하는지 알 수 있었다.
 
SWR 역시 구현해 사용해보려 했으나 부적절하다 판단되어 반려.
 
참고로 진행하며 두 개의 아티클을 새로이 작성했다.
 
 
뭐 여러모로 도움이 많이 되었던? 발전할 수 있었던? 그런 프로젝트였다.
 

Loading Comments...