예시 답변 1
약 88초
차트 컴포넌트 반응형 처리 경험
팀 프로젝트에서 대시보드의 차트가 모바일에서 잘려 보이는 문제가 있었습니다. PC에서만 테스트하다가 모바일 확인 직전에 발견했습니다. 차트 라이브러리 설정에서 너비를 고정값이 아니라 부모 컨테이너 기준 퍼센트로 변경하였습니다. 모바일에서는 범례를 차트 아래로 이동시키고, 툴팁을 손가락 터치 영역에 맞게 키웠습니다. 처음에는 반응형 처리를 나중에 해도 된다고 생각했지만, 이미 컴포넌트가 완성된 뒤에 바꾸는 것이 더 오래 걸렸습니다. 이후로는 차트 설계 시작부터 두 화면 크기를 동시에 고려하는 습관이 생겼습니다. 반응형 처리를 마지막에 미루면 처음부터 다시 설계하는 것보다 더 많은 시간이 걸리는 것을 경험하였습니다.
이 결의 특징
PC에서만 테스트하다 모바일에서 차트가 잘리는 걸 뒤늦게 발견해 너비를 퍼센트 기준으로 바꾸고 범례를 아래로 옮긴 흔적이 있습니다.
이 결이 통하는 자리
뒤늦은 발견과 수정 방식이 구체적으로 이어질 때 통합니다. 반응형을 마지막에 미루면 처음부터 다시 설계하는 것보다 더 오래 걸린다는 결론이 보이는 자리에서 면접관이 실무 감각을 읽는 결이 보입니다.