최근 css/js로 애니메이션 효과를 넣는게 재미있어서 이것저것 만들어 보다가 리더보드를 만들면 어떨까 생각했다. 처음에는 깔끔한 UI로 구성된 Vue 컴포넌트를 만드려고 했는데 실시간 순위라는 주제가 공부해볼만한 내용인 것 같아 백엔드/프론트엔드 모두 구현해보려고 한다. 일단 어떻게 진행할지 간단히 기획해 봤다.순위가 변하는걸 보여주는 Vue 컴포넌트 구현유저, 점수 데이터를 조회하는 API 구현실시간으로 점수 변동이 반영되도록 Vue 컴포넌트 수정실시간에 대해서는 좀 더 시나리오를 고민해봐야겠다. 점수 변동이 있을 때마다 반영된 데이터를 보여줄지, 일정 시간마다 조회할지에 따라 백엔드 구현이 달라질 것 같다.기술 스택은 Springboot, Vue.js를 사용하고 필요하면 redis를 추가할지도 모른..