언제나 Nuita를 이용해 주셔서 감사합니다.
이번에 Nuita 사이트 내에서 사용하는 아이콘을 기존의 Font Awesome에서 Bootstrap Icons로 통일했습니다. 이번에도 겉모습의 변화는 아주 작지만, 페이지 표시를 조금 더 가볍게 하기 위한 개선입니다.
무엇이 바뀌었나요?
지금까지 Nuita에서는 태그의 「#」 마크나 삭제 버튼의 「×」 등 일부 아이콘에 Font Awesome이라는 아이콘 모음을 사용하고 있었습니다. 한편, 비교적 새로 만든 화면에서는 Bootstrap Icons라는 다른 아이콘 모음을 사용하고 있어, 사이트 안에 두 가지 아이콘 모음이 섞여 있는 상태였습니다.
이번에 Font Awesome을 사용하던 부분을 모두 Bootstrap Icons로 교체하여 아이콘 모음을 하나로 통일했습니다. 태그 주변의 「#」, 태그 추가의 「+」, 삭제의 「×」, 추천 새로고침 버튼, 열람 주의 경고 마크 등이 대상입니다. 모양이 아주 조금 달라졌지만, 사용 방법은 지금까지와 같습니다.
왜 통일했나요?
이유 중 하나는, 솔직히 말하면 Font Awesome이 조금 요즘 느낌이 아니게 되었기 때문입니다. Nuita의 UI는 Bootstrap을 기반으로 만들어져 있어서, 같은 계열인 Bootstrap Icons 쪽이 디자인에도 잘 어울리고, 사이트 전체가 깔끔하고 모던한 모습이 됩니다.
그리고 또 하나의 큰 이유는 외부 서버로의 통신을 줄이기 위해서입니다.
지금까지 Font Awesome은 외부 CDN(콘텐츠 전송 서버)에서 불러오고 있었습니다. 즉, Nuita 페이지를 열 때마다 Nuita 이외의 서버로의 통신이 하나 발생하고 있었던 셈입니다. 이번 통일로 이 통신이 통째로 사라졌습니다.
- 표시가 조금 빨라집니다: 외부 서버의 응답을 기다릴 필요가 없어졌습니다.
- 외부 서비스 장애의 영향을 받지 않습니다: CDN 쪽에 장애가 있어도 아이콘이 표시되지 않을 걱정이 없어졌습니다.
- 유지보수가 쉬워집니다: 아이콘 모음이 하나가 되어 코드의 가독성이 좋아졌고, 앞으로의 기능 추가나 수정이 쉬워졌습니다.
아울러 아이콘을 표시하는 내부 구조에도 테스트를 추가하여, 앞으로도 안심하고 손볼 수 있도록 했습니다.
마치며
수수한 변경이지만, 이런 작은 개선의 축적이 쾌적한 사정 보고 라이프로 이어진다고 믿고 있습니다.
혹시 아이콘 표시가 이상한 부분을 발견하시면 문의 폼으로 연락해 주세요. 앞으로도 Nuita를 잘 부탁드립니다.