SPA 개발 경험이 있다면, 어떤 프레임워크를 사용했는지와 그 이유를 말씀해 주세요.

두 번째 SPA 프로젝트는 첫 번째와 선택 기준이 달랐습니다. 기존에 React만 써왔는데, 이번엔 팀원 전원이 프레임워크 경험이 거의 없는 상황이어서 학습 속도를 기준으로 Vue 3를 골랐습니다.

Vue의 Options API 대신 Composition API로 작성했는데, React의 hooks와 개념이 비슷해서 전환이 생각보다 빠르게 이뤄졌습니다. 상태 관리는 Pinia를 사용했는데, Vuex보다 보일러플레이트가 적어 소규모 프로젝트에서 더 편했습니다. 라우팅은 Vue Router로 처리했고 동적 라우팅과 가드 설정을 적용해 인증되지 않은 접근을 차단했습니다.

이 프로젝트에서 얻은 교훈은 SPA 프레임워크의 핵심 개념이 공통적이라는 점입니다. 컴포넌트 기반 구조, 반응형 상태, 라우팅, 상태 관리 패턴은 어느 프레임워크를 쓰든 동일한 고민을 요구합니다. 처음 프레임워크를 제대로 이해하면 다른 것으로 전환하는 비용이 크지 않다는 것을 이 경험으로 확인했습니다.