예시 답변 1
약 90초
반응형 웹 미디어 쿼리 실전 결
캡스톤 프로젝트에서 모바일·태블릿·데스크탑 세 화면을 지원하는 반응형 웹 페이지를 구현했습니다. 미디어 쿼리만으로 시작했다가 레이아웃 분기가 복잡해지면서 CSS Grid와 Flexbox를 조합하는 방식으로 구조를 정리했습니다. 처음에는 데스크탑 레이아웃을 먼저 만들고 모바일로 좁혀가는 방식을 썼는데, 모바일에서 의도치 않은 오버플로우가 자주 생겼습니다.
모바일 퍼스트 접근으로 바꾸고 나서 레이아웃 흐름이 훨씬 자연스러워졌습니다. viewport meta 태그 누락으로 iOS에서 레이아웃이 깨지는 문제도 겪었고, 이후 크로스 브라우저 테스트를 배포 전 루틴으로 만들었습니다. 이미지 최적화도 함께 진행해, 큰 이미지를 그대로 불러오다 생기는 모바일 로딩 속도 문제도 함께 해결했습니다. 반응형은 화면 크기 대응이 아니라 콘텐츠 우선순위 재배치라는 결을 이 프로젝트에서 얻었습니다.
이 결의 특징
구체적인 현장 경험에서 시작해 반복을 통해 원인을 파악하고, 그것을 다음 상황에 적용하는 순환 구조가 드러납니다. 한 번의 경험이 단순 기억이 아니라 실행 가능한 원칙으로 발전하는 과정이 관찰되며, 경험의 내재화 과정이 체계적으로 진행 중입니다.
이 결이 통하는 자리
새로운 업무 환경에 들어가면서 기초 이론은 갖추었지만 현장 감각이 부족할 때 이 태도가 면접관을 멈추게 합니다. 경험을 쌓아가는 방식 자체가 체계적이고 반성적이라면, 초기 적응 속도가 예상보다 빠르게 나타나는 경향이 관찰되고 있습니다.