회원가입 시 게스트 및 호스트 선택 컴포넌트(SignUP) 리펙토링 및 개선

[hyeone22]

문제 상황

• 타입 안정성이 부족한 코드 구조
• 상수값들의 관리가 어려움
• 코드 재사용성이 낮음
• 유지보수가 어려운 구조

원인 분석

• 문자열 리터럴 타입을 활용하지 않아 타입 검사가 제대로 이루어지지 않음
• 상수값들이 인라인으로 하드코딩되어 있음
• 컴포넌트의 책임이 명확하게 분리되어 있지 않음

해결 방법

• as const 어서션을 사용하여 리터럴 타입 보장
• keyof typeof를 활용한 타입 안정성 강화
• 상수값들을 별도 파일로 분리하여 관리
• 컴포넌트 구조 개선 및 의미론적 태그 사용
• 타입 정의를 별도 파일로 분리

개선 효과

• 타입 안정성 향상으로 런타임 에러 감소
• 코드 자동완성 기능 강화
• 유지보수성 향상
• 재사용 가능한 코드 구조
• 컴파일 타임에 오류 검출 가능
• 명확한 코드 구조로 인한 개발 생산성 향상