코드 리팩토링

### Describe

scripts/join.js와 scripts/view.js의 로직들을 리팩토링해야해요.
두 로직에서 중복되어 사용하고있는 함수나, 두루뭉슬하게 사용되거나, 읽기 어려운 코드들이 여러가지 있어요.
이를 리팩토링하여 최대한 코드의 양을 줄여주시고, 바닐라 JS만 공부한 사람들도 해당 코드를 쉽게 읽을 수 있을 정도로
리팩토링을 부탁드려요.

리팩토링 후 로직이 작동하는지 확인해야해요!

### Work

_No response_

### Additional

화이티이잉이비다!!!! 모르는거잇음질문해주세영