[면접 합격자료] 트릿지 Software Engineer Frontend 합격 문항 기출 최종합격

1. React 또는 Vue와 같은 프레임워크를 사용할 때 상태 관리를 어떻게 설계하나요

상태 관리를 설계할 때 애플리케이션의 규모와 복잡도를 고려하여 적합한 방식을 선택합니다. 작은 프로젝트에는 useState와 Context API로 간단히 관리하며, 상태 변경 빈도가 높거나 여러 컴포넌트 간에 공유되는 데이터가 많을 경우 Redux 또는 Vuex를 도입합니다. 예를 들어, 500개 이상의 컴포넌트가 참여하는 대규모 프로젝트에서는 Redux 사상 최대 80%의 상태 재사용률과 30% 이상의 퍼포먼스 향상을 경험했으며, 효율적 상태 분리를 위해 구조화된 모듈화와 불변성을 유지합니다. 또한, 비동기 데이터는 Saga 또는 Thunk 같은 미들웨어를 활용해서 비동기 처리와 상태 업데이트를 명확하게 분리하며, 데이터 무결성을 위해 상태 업데이트를 일관성 있게 처리합니다. 캐싱 전략으로는 서버와의 불필요한 통신을 최소화하고, 사용자 경험을 향상시키기 위해 로컬 스토리지, IndexedDB 등 지속성을 강화합니다. 소규모 프로젝트에서는 Context API만으로도 충분한 성능을 확보하였으며, 상태 관리 방식을 명확하게 설계하고 각 컴포넌트의 책임을 구분하여 유지보수성을 높이는데 …