좋아요, 싫어요 UI를 구현하고 있었다
좋아요, 싫어요 아이콘 옆에 숫자 정보를 보여주는데 숫자가 바뀔때마다 각자의 위치를 지키지 않고 움직였다
그 이유는 숫자마다 너비가 달랐기 때문이다..
UI적으로 좋지 않은 이 문제를 어떻게 해결할까 생각해봤다
코드 상으로 숫자의 각 글자수마다 너비를 고정해야하는 코드를 짜려고 생각해봤지만 뭔가 다른 개발자들도 이렇게 힘들게 구현할 것 같지는 않았다
그래서 다른 방법을 찾아본 결과 글자의 폭이 같은 글꼴을 사용한다는 것을 알게되었다
글자들의 폭이 같은 글꼴을 monospace라고 한다
글꼴 이름에 monospace 붙여진 것을 종종 보았었는데 어떤 의미인지는 몰랐었다
이참에 글꼴과 관련한 용어들을 간단히 살펴보자
serif : 문자의 끝 부분에 장식되어 있는 부가적인 짧은 선
sans-serif : sans는 없다는 뜻 -> serif가 없다