본인이 만든 프론트엔드 프로젝트 중 가장 자신 있는 것을 골라, 가장 어려웠던 기술적 문제와 해결 과정을 설명해주세요.

팀 프로젝트로 만든 일정 공유 웹앱에서 가장 어려웠던 건 데이터가 늘어날수록 달력 렌더링이 눈에 띄게 느려지는 문제였습니다. 처음에는 원인을 파악하지 않고 useMemo를 여러 곳에 붙여봤는데, 오히려 상태 업데이트 흐름이 꼬여 버그가 더 생겼습니다. 최적화 도구를 원인 파악 전에 갖다 붙인 것이 실수였습니다.

React DevTools Profiler로 실제 렌더링 시간을 측정해보니, 문제는 메모이제이션이 아니라 거대한 단일 컴포넌트가 데이터 전체를 한 번에 계산하는 구조에 있었습니다. 컴포넌트를 주차 단위로 나누고, 필요한 범위만 계산하는 방식으로 바꾸자 체감 속도가 확실히 개선됐습니다. 이 경험 이후 성능 문제를 만나면 측정 먼저, 최적화 나중 순서를 지키게 됐습니다. 도구를 믿기 전에 데이터를 보는 습관이 그 프로젝트에서 얻은 가장 큰 수확이었습니다.