프론트 코드 리팩토링

예전에 구현해 놓았던 코드의 퀄리티가 좋지 못했는데 여태까지 이걸 개선하지 않고 기능을 추가하다보니 점점 돌이킬 수 없어질 것 같다. 조금씩 리팩토링을 하자.

- 추상화, 네이밍, 컴포넌트화, 중복 코드 개선