우문현답
愚 問 賢 答
회사별 면접직군별진행 방식
    홈›회사별›토스›프론트엔드›질문 상세
    問
    토토스프론트엔드경험·이력2026년 출제

    본인이 가장 자신 있는 프론트엔드 프로젝트를 골라, 가장 복잡했던 요구사항과 그것을 어떻게 추상화해서 해결했는지 설명해주세요.

    답변 미리보기

    프론트엔드 프로젝트에서 다양한 필드 타입이 혼합된 동적 폼을 구현하는 것이 가장 복잡했습니다. 필드 타입마다 별도의 컴포넌트를 만들다 보니 코드가 중복되고…

    예상 답변 시간
    90초
    예상 꼬리질문
    3회
    난이도
    난이도 중상
    출제 빈도
    높음
    INTERVIEWER'S INTENT · 면접관의 의도

    이 질문, 네 갈래로 뜯어봅니다.

    면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.

    問
    01
    복잡한 요구사항을 해결했는가?
    복잡한 요구사항을 다룬 경험의 흔적이 답에 있어야 합니다. 없으면 면접관이 '어떤 요구사항이었나요?'를 추가로 묻는 경우가 자주 보입니다.
    骨
    02
    추상화 과정은 어땠는가?
    추상화 과정을 설명한 흔적이 답에 있어야 합니다. 없으면 면접관이 '구체적으로 어떻게 했나요?'를 추가로 묻는 자리가 자주 보입니다.
    語
    03
    프로젝트의 주요 기술은 무엇인가?
    프로젝트에서 사용한 주요 기술 스택의 흔적이 답에 있어야 합니다. 없으면 면접관이 '왜 그 기술을 선택했나요?'를 추가로 묻는 경우가 많습니다.
    本
    04
    이 프로젝트에서 배운 점은 무엇인가?
    프로젝트를 통해 배운 점이나 성장한 경험의 흔적이 답에 있어야 합니다. 없으면 면접관이 '어떤 교훈을 얻었나요?'를 추가로 묻는 자리가 자주 보입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    토스 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    동적 폼 컴포넌트의 복잡성을 추상화로 해결한 경험으로 완결컴포넌트 재사용성 설계에서 추상화 기준을 잡은 경험으로 완결비동기 상태 관리 복잡성을 커스텀 훅으로 추상화한 경험으로 완결
    예시 답변 1

    동적 폼 컴포넌트의 복잡성을 추상화로 해결한 경험으로 완결

    프론트엔드 프로젝트에서 다양한 필드 타입이 혼합된 동적 폼을 구현하는 것이 가장 복잡했습니다. 필드 타입마다 별도의 컴포넌트를 만들다 보니 코드가 중복되고 유지보수가 어려워졌습니다. 스키마 기반 폼 렌더링 방식을 도입하여 필드 설정을 JSON으로 정의하면 컴포넌트가 자동으로 그에 맞게 렌더링하도록 추상화하였습니다.

    처음에는 추상화 수준을 어떻게 정할지 판단하기 어려웠으나, 필드 타입이 추가될 때마다 코드 변경 없이 JSON만 바꿔도 되는 수준을 목표로 설정하였습니다. 추상화는 유연성과 복잡도의 균형을 잡는 과정이라는 것을 그 프로젝트에서 배웠습니다. 과도하게 추상화하면 오히려 이해하기 어려워진다는 것도 알게 되었습니다.

    이 결의 특징
    필드 타입마다 컴포넌트가 중복되던 문제를 스키마 기반 폼 렌더링으로 추상화하고, 필드 추가 시 코드 변경 없이 JSON만 바꾸는 목표를 세운 흔적이 있습니다. 과도한 추상화는 오히려 이해를 어렵게 만든다는 균형 감각이 담겨 있습니다.
    이 결이 통하는 자리
    추상화 수준을 정하는 판단 기준이 구체적으로 드러날 때 통합니다. 유연성과 복잡도 사이 균형이라는 정리가 실제 구현 경험과 함께 살아 있을 때 면접관이 읽는 결이 보입니다.
    예시 답변 2

    컴포넌트 재사용성 설계에서 추상화 기준을 잡은 경험으로 완결

    팀 프로젝트에서 유사한 레이아웃 컴포넌트가 각 페이지마다 중복으로 만들어져 있었어요. 디자인 변경이 생길 때마다 여러 곳을 동시에 고쳐야 했고, 누락이 반복됐습니다. 공통 레이아웃 컴포넌트로 추상화하고 props로 차이를 주입하는 방식으로 정리했어요.

    리팩토링 초반엔 기존 코드를 건드리는 부분이 많아서 조심스러웠는데, 단계별로 나눠서 진행했습니다. 변경 이후 같은 영역의 수정이 한 곳에서만 이루어지게 됐어요. 중복이 있을 때 추상화 기회를 먼저 보는 습관이 그 경험에서 생겼습니다. DRY 원칙이 원칙이 아니라 실용적인 이유가 있다는 걸 체감했고, 중복이 늘어날수록 변경 비용이 기하급수적으로 커진다는 것도 그때 처음 실감했습니다.

    이 결의 특징
    레이아웃 컴포넌트 중복으로 디자인 변경마다 누락이 반복되던 문제를 공통 컴포넌트와 props 주입 방식으로 정리한 흔적이 있습니다. 단계별로 나눠 조심스럽게 리팩토링한 구체 과정이 담겨 있습니다.
    이 결이 통하는 자리
    중복 발견에서 추상화 기회를 보는 습관이 구체 사례와 함께 드러날 때 통합니다. 변경 비용이 기하급수적으로 커진다는 실감이 근거와 함께 제시될 때 통하는 결이 보입니다.
    예시 답변 3

    비동기 상태 관리 복잡성을 커스텀 훅으로 추상화한 경험으로 완결

    개인 프로젝트에서 서버 데이터 요청·로딩·에러 상태를 각 컴포넌트마다 따로 관리하다 보니 코드가 비슷한 패턴으로 반복됐어요. useFetch라는 커스텀 훅을 만들어서 요청 로직, 로딩 상태, 에러 처리를 한 곳에서 관리하도록 했습니다. 처음엔 훅이 너무 많은 것을 담으려고 해서 오히려 복잡해졌어요. 범위를 좁혀서 '네트워크 요청과 상태 관리'만 담당하게 제한했더니 재사용성이 높아졌습니다.

    추상화는 범위를 명확히 하는 것이 핵심이라는 걸 배웠어요. 너무 많은 것을 담으면 추상화가 아니라 복잡도가 돼요. 이 경험 이후로 훅을 만들 때 단일 책임을 먼저 생각하게 됐습니다.

    이 결의 특징
    요청·로딩·에러 상태 관리가 반복되던 문제를 useFetch 훅으로 추상화하다 처음엔 너무 많은 것을 담아 오히려 복잡해진 시행착오의 흔적이 있습니다. 범위를 좁혀 단일 책임으로 재조정한 결이 담겨 있습니다.
    이 결이 통하는 자리
    추상화 실패와 재조정 과정이 구체적으로 이어질 때 통합니다. 너무 많이 담으면 추상화가 아니라 복잡도가 된다는 교훈이 실제 경험과 함께 살아 있을 때 면접관이 읽는 결이 보입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

    같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.

    • ✕떨어뜨린 옵션이 1개라도 있는가? "이게 답이었어요"만으로는 의사결정이 아니라 그냥 선택입니다.
    • ✕선택 기준이 그 프로젝트에 한정되는가? "성능이 좋아서"는 일반론, "우리 트래픽이 X 패턴이라서"가 본인의 답입니다.
    • ✕결과 숫자 1개를 정확히 말할 수 있는가? P95·QPS·적중률 — 무엇이든 1개. 숫자가 없으면 직감으로 한 일처럼 들리기 쉽습니다.
    • ✕지금 다시 한다면 어떻게 할지 답할 수 있는가? "잘했다"보다 "이건 다르게 했을 것 같다"가 더 깊은 인상을 남깁니다.
    ▶이어질 꼬리질문

    진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.

    壹그 프로젝트에서 어떤 기술 스택을 사용하셨나요?
    貳해결 과정에서 어떤 도전이 있었나요?
    參만약 다시 한다면 어떤 점을 다르게 하실 건가요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 토스 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

    같은 흐름에서 자주 이어지는 질문들이에요.

    네이버 · 프론트엔드
    본인이 만든 프론트엔드 프로젝트 중 가장 자신 있는 것을 골라, 가장 어려웠던 기술적 문제와 해결 과정을 설명해주세요.
    이 질문 보기
    스마일게이트 · 서비스 오너
    과거에 진행했던 프로젝트 중에서 가장 어려웠던 점과 그 문제를 어떻게 해결했는지 이야기해 주세요.
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 토스 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기