블로그 업데이트 - 태그 기능 추가
•
2 min read
블로그 글이 점점 쌓이다 보니 원하는 글을 찾기가 어려워졌다. 처음에는 검색 기능을 추가할까 고민했지만, 너무 복잡해질 것 같아 태그 기능을 도입했다.
구현한 기능
- 태그 클릭 시 해당 태그가 포함된 글 목록을 표시
- 태그가 많을 경우 좌우 스크롤을 통해 탐색 가능
개발 중 발견한 문제점과 해결 방법
- 스크롤이 항상 노출되면 시각적으로 거슬림
→ 마우스 오버 시에만 스크롤이 보이도록 수정 - 선택한 태그가 화면에서 사라져 필터링된 걸 인지하기 어려움
→ 선택된 태그를 맨 앞으로 이동하여 항상 보이도록 개선 - 글 미리 보기(post preview)에서 태그가 많을 경우 UI가 깨짐
→ 태그를 최대 3개까지만 표시하고, 초과된 태그는+n형식으로 축약
개발하면서 UI를 여러 차례 수정했고, 예상치 못한 부분에서 고민이 많았다. 앞으로 태그 개수가 과도하게 많아져 스크롤 방식으로 감당하기 어려워지면, 태그 클라우드를 도입하거나 카테고리 기능을 추가하는 방안을 고려해볼 예정이다.
