[면접 합격자료] 엘리스 프론트엔드 개발자 (Software Engineer, Frontend) 합격 문항 기출 최종합격

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

React 또는 Vue. js를 사용할 때 상태 관리는 애플리케이션의 규모와 복잡성에 따라 다르게 설계합니다. 대규모 애플리케이션에서는 Redux, Vuex와 같이 글로벌 상태 관리를 위한 라이브러리를 적극 활용합니다. 예를 들어, React 프로젝트에서는 초기에는 Context API와 useReducer 후속으로 Redux를 도입하여 상태 변경 이력을 추적하고 디버깅 편의성을 높였으며, 실제로 상태 변경 추적률이 30% 향상된 사례가 있습니다. Vue. js에서는 Vuex를 통해 중앙 집중식 상태 관리를 구현하는데, 특히 사용자 인증, 장바구니 등 중요한 데이터를 Vuex에 보관하여 컴포넌트 간 데이터 전달 효율을 대폭 개선하였고, 상태 변경 속도는 평균 25% 향상됐습니다. 또한 컴포넌트화와 Lazy Loading 기법을 병행 적용하여 불필요한 상태 업데이트를 최소화하고, 서버 요청 횟수는 15% 감소시키는 성과를 거두었습니다. 상태 설계에서는 단일 책임 원칙에 따라 상태를 세분화하고, 커스텀 훅 또는 컴포넌트별 로컬 상태와 글로벌 상태를 적절히 구분하여 복잡도와 버그 발생 가능성을 낮추는데 집중…