[면접 합격자료] 야놀자 Front-end Engineer 합격 문항 기출 최종합격

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

React 또는 Vue와 같은 프레임워크에서 상태 관리를 설계할 때는 애플리케이션의 규모와 복잡성을 고려하여 적합한 방법을 선택합니다. 작은 프로젝트나 단순한 상태는 컴포넌트 내부 상태로 해결하며, 이를 위해 React의 useState와 Vue의 data를 주로 사용합니다. 그러나 상태가 여러 컴포넌트에 걸쳐 공유되거나, 복잡한 비동기 작업이 많은 경우에는 Redux, Vuex 또는 Recoil과 같은 상태 관리 도구를 도입합니다. React의 경우, Redux 환경에서는 액션, 리듀서, 스토어의 구조로 상태를 분리하여 데이터 흐름을 명확히 하고, 미들웨어를 활용해 비동기 데이터 처리를 수행합니다. Vuex는 중앙 집중식 저장소로 상태를 관리하며, 상태 변경은 mutations을 통해서만 수행하게 설계하여 예측 가능성을 높입니다. 실제로 한 프로젝트에서 Redux를 도입하여 상태 변경 추적이 용이해지고, 버그 발생 비율이 15% 감소하며, 유지보수 시간은 평균 20% 단축된 경험이 있습니다. 또한, 상태 동기화와 성능 최적화를 위해 불필요한 렌더링을 방지하는 memoization이나 diff 전략을 적극 활용합…