사용 기록을 활용해 추천 도구를 만들어봤습니다 – 내가 자주 쓰는 기능을 먼저 보여주는 방법

사용 기록을 보니 또 하나의 생각이 떠올랐습니다

지난 글에서는 도구 사용 기록을 확인하고 자주 사용하는 도구를 화면 위쪽에 배치하는 작은 개선을 해보았습니다.

생각보다 효과가 있었습니다.
자주 사용하는 도구가 바로 눈에 들어오니 페이지를 찾는 시간이 줄어들었기 때문입니다.

그런데 며칠 더 사용하다 보니 또 하나의 생각이 떠올랐습니다.

“도구가 스스로 추천을 해주면 어떨까?”

예를 들어 최근에 자주 사용한 도구를 자동으로 위에 보여주는 방식입니다.

이 아이디어는 복잡한 기술처럼 보일 수 있습니다.
하지만 실제로는 생각보다 단순한 구조로 만들 수 있었습니다.

최근 사용한 도구를 먼저 보여주기

가장 간단한 방법은 최근에 실행한 도구를 기억해 두는 것입니다.

예를 들어 이런 방식입니다.

지출 계산기를 실행하면 “최근 사용 도구” 목록에 추가됩니다.

뉴스 요약 도구를 실행하면 그 도구 역시 목록에 기록됩니다.

이렇게 하면 페이지를 다시 열었을 때 최근 사용한 도구가 먼저 보이게 됩니다.

마치 스마트폰에서 최근 사용 앱을 보여주는 것과 비슷한 방식입니다.

초보자도 따라 할 수 있는 간단한 예시

이 기능은 아주 간단한 코드로 시작할 수 있습니다.

예를 들어 버튼을 클릭할 때 최근 사용 도구를 저장하는 방식입니다.

"지출 계산기 실행" 버튼

그리고 간단한 함수 하나를 만들면 됩니다.

function saveRecent(tool){
  localStorage.setItem("recentTool", tool);
}

이렇게 하면 최근 사용한 도구가 저장됩니다.

페이지를 다시 열었을 때 이 값을 불러와서 보여주면 간단한 추천 기능이 완성됩니다.

도구가 조금 더 똑똑해지는 순간

이 기능을 추가한 뒤 도구 사용 경험이 조금 달라졌습니다.

페이지를 열면 최근 사용 도구가 먼저 보이기 때문입니다.

이 덕분에 도구를 찾는 시간이 더 줄어들었습니다.

기능 자체는 아주 단순하지만 사용 흐름은 훨씬 자연스러워졌습니다.

이 경험을 통해 느낀 점이 하나 있습니다.

작은 데이터만 있어도 도구는 조금 더 똑똑해질 수 있다는 점입니다.

작은 자동화가 쌓이면 큰 차이가 됩니다

바이브코딩을 하다 보면 대단한 기능을 만들어야 할 것 같은 생각이 들 때가 있습니다.

하지만 실제로 사용해 보면 이런 작은 자동화가 훨씬 도움이 되는 경우가 많습니다.

최근 사용 도구를 보여주는 기능도 그 중 하나였습니다.

코드는 단순하지만 사용 경험은 분명히 좋아졌습니다.

도구를 만드는 과정에서 이런 작은 실험을 계속해 보는 것이 바이브코딩의 재미이기도 합니다.

정리

이번 실험을 통해 다음과 같은 점을 배울 수 있었습니다.

사용 기록은 도구 개선의 좋은 출발점이 됩니다.
최근 사용 도구를 보여주면 사용 흐름이 더 자연스러워집니다.
간단한 자동화만으로도 도구의 편의성이 크게 좋아질 수 있습니다.

복잡한 시스템을 만들지 않아도 이런 작은 기능 하나만으로 도구의 완성도는 한 단계 높아질 수 있습니다.

바이브코딩을 처음 시작한 분들이라면 도구를 몇 개 만든 뒤 이처럼 간단한 추천 기능을 한 번 만들어 보시기를 권합니다.

생각보다 재미있는 변화가 생길 수도 있습니다.