tabular-nums, 흔들리는 숫자 안정시키기
최근 개발하고 있는 페이지는 일정시간동안 가격정보를 보여주고, 시간이 만료되면 새롭게 가져온 가격정보로 업데이트하는 화면을 개발하고 있다.
얼추 개발이 완료되어 화면에서 이것저것 누르며 놓친 부분을 보던 중 초가 변경될 때마다 화면이 흔들리는게 아닌가...
순간 머릿속에 번뜩 희미한 기억이 스쳐갔다.
트위터 북마크를 뒤적거리다가 도저히 찾을 수 없어서, Agents에게 주절주절 기억을 끄집어내 전달했다.
고맙게도 codex가 알려준 tabular-nums 키워드를 통해 트위터에서 북마크해둔 글을 찾았다.
그리고 이를 반영해서 흔들리는 화면에 안정감을 줄 수 있었다.
기본 숫자
tabular-nums
애니메이션, 지도, 컴포넌트, 그리고 최근에는 AI Agent까지.
좋아하는 개발자들을 팔로우하고, 관심 있는 글에 좋아요를 누르고, 마음에 드는 글은 북마크해두는 일을 몇 년째 반복하다 보니, 어느새 트위터는 내가 좋아하는 것들만 모여 있는 공간이 되었다.
알고리즘은 자연스럽게 비슷한 글들을 계속 추천해주고, 그렇게 작은 취향들이 하나씩 쌓여 지금은 마치 보물창고 같다.
가끔은 AI와 대화를 하다가도 "예전에 어디선가 본 거 같은데.." 하는 희미한 기억이 떠오를 때가 있다. 그 기억을 더듬어 따라가다 보면, 신기하게도 종착지는 오래전에 저장해둔 북마크인 경우가 많다.
오늘은 tabular-nums가 그중 하나다.