리뉴얼된 디자인을 바탕으로 랜딩페이지를 업데이트 하려는데, text stroke를 구현하려다가 막혔고 기분좋게도 이를 해결했다. 이를 기록으로 남긴다. 문제점 먼저, 아래의 그림을 보자. 위의 텍스트의 경우는 text stroke가 바깥쪽으로 나있고, 아래의 text stroke는 안쪽으로 잡아먹듯이 보여진다. 디자이너 분이 피그마에 구현한 디자인은 위에 것이었고, 아래 것은 css에서 -webkit-text-stroke 속성을 text에 직접 적용해 구현한 UI이다. 한 눈에 봐도 위의 것이 훨씬 더 좋은 UI라는 것이 느껴진다. 그렇다. CSS에서 지원하는 저 속성을 직접적으로 text에 적용할 경우, 생각보다 좋은 UI를 얻을 수는 없었다. text stroke이 바깥쪽으로 나게끔 해야 보기도 깔끔..
Frontend
EST(eastern standard time) 기준으로, 2022년 1월 24일 오후 8시에 LOVO에서 만든 NFT 민팅을 시작한다. 이를 소개하는 랜딩페이지에서 카운트 다운을 하는 UI를 작업하면서 겪었던 시간대에 대한 이슈들을 기록으로 남긴다. 문제점 해외시간대를 고려해서 UI를 개발한 건 이번이 처음이라 낯설었고, 지역마다 다 다른 시간대를 고려해서 개발하려면 어떻게 해야할까 고민을 시작했다. 어느 특정 시간대만 고려해서 코드를 작성하면 분명 local마다 다르게 작동하는 Date API때문에 버그가 발생할 것이다. 해결 평소에 유튜브로 즐겨보던 포프님의 영상에서 여럼풋이 들었던 아래 문장이 떠올랐다. 💡 [UTC 시간을 쓰자](https://www.youtube.com/watch?v=GMQNs..
