[REFACTOR] UI, 비즈니스 로직 관심사 분리

[rusia9217]

🌴 작업 브랜치

refactor-114/separate-ui-business-logic

🔨 Refactor 개요

• UI와 비즈니스 로직이 한 파일에 있는 스파게티 코드들을 수정합니다.

✅ TODO 및 진행현황

• todo1
• todo2