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

    여러 서비스에서 알림을 통합 관리하는 프론트엔드를 설계할 때 어떤 접근 방식을 취할 것인가요?

    답변 미리보기

    여러 서비스의 알림을 통합 관리하는 프론트엔드를 설계할 때 가장 먼저 고려한 것은 알림의 우선순위와 타입 분류입니다. 서비스마다 알림 구조가 다를 수 있어서…

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

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

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

    問
    01
    어떤 아키텍처를 고려했는가?
    알림 통합 관리 시스템의 아키텍처 구성을 고려한 흔적이 답에 있어야 합니다. 없으면 면접관이 '구체적인 구조는 어떻게 되었나요?'를 추가로 묻는 경우가 자주 보입니다.
    骨
    02
    사용자 경험을 어떻게 설계할 것인가?
    사용자 경험(UX) 요소에 대한 고민이 답에 있어야 합니다. 없으면 면접관이 '사용자가 어떻게 반응할 것이라 생각했나요?'라는 질문을 던지는 자리가 자주 보입니다.
    語
    03
    어떤 기술 스택을 선택했는가?
    선택한 기술 스택에 대한 설명이 포함된 답이 자주 등장합니다. 없으면 면접관이 '왜 그 기술을 선택했나요?'라고 추가로 질문하는 경우가 많습니다.
    本
    04
    스케일링 전략은 무엇인가?
    시스템 스케일링에 대한 전략을 언급한 흔적이 있어야 합니다. 없으면 면접관이 '대량의 알림 처리 시 어떻게 할 것인가요?'를 물어보는 자리가 자주 보입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    당근마켓 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    알림 통합 관리 프론트엔드 설계 접근약 75초어댑터 레이어 정규화·단일 상태 관리·알림 역할 분리 중심으로 푸는 결약 78초WebWorker 분리·통신 비용 최적화·상태 일관성 설계 중심으로 푸는 결약 82초
    A
    약 75초

    알림 통합 관리 프론트엔드 설계 접근

    여러 서비스의 알림을 통합 관리하는 프론트엔드를 설계할 때 가장 먼저 고려한 것은 알림의 우선순위와 타입 분류입니다. 서비스마다 알림 구조가 다를 수 있어서 공통 인터페이스를 정의하고 각 서비스 알림을 그 형식으로 정규화하는 레이어가 필요합니다. 실시간 알림은 WebSocket이나 SSE로 푸시, 덜 긴급한 것은 폴링 주기를 늦추는 방식으로 네트워크 비용을 줄였습니다. 읽음 상태 동기화는 낙관적 업데이트로 UX를 빠르게 유지하되 실패 시 롤백하는 구조를 선택했습니다. 앞으로도 타입 정규화 → 전송 방식 분리 → 상태 동기화 순서로 설계하는 방식을 유지하겠습니다.

    통합 알림에서 가장 복잡한 부분은 읽음 상태의 일관성 유지입니다. 앞으로도 타입 정규화 → 전송 방식 분리 → 상태 동기화 순서로 설계하는 방식을 유지하겠습니다. 통합 알림에서 가장 복잡한 부분은 읽음 상태의 일관성 유지입니다. 낙관적 업데이트로 UX를 빠르게 유지하면서 실패 시 롤백을 명확히 설계해야 사용자가 혼란을 느끼지 않습니다.

    이 결의 특징
    알림 우선순위와 타입 분류를 설계의 출발점으로 삼는 결이 보입니다.
    이 결이 통하는 자리
    프론트엔드 아키텍처 설계력을 확인하는 자리에서 통하는 결입니다.
    B
    약 78초

    어댑터 레이어 정규화·단일 상태 관리·알림 역할 분리 중심으로 푸는 결

    알림을 설계할 때 각 서비스의 이벤트 포맷이 다르다는 점에서 출발했습니다. 타입·우선순위·대상을 공통 스키마로 정규화하는 어댑터 레이어를 두고, 알림 센터 컴포넌트 하나가 상태를 단일 관리하는 구조를 잡았습니다. 서비스별 렌더러를 주입하는 방식으로 설계하면 새 서비스가 추가돼도 기존 코드를 건드리지 않아도 됩니다. 읽음 상태는 로컬에 먼저 반영한 뒤 백그라운드에서 서버와 동기화해 체감 응답 속도를 높였습니다. 실시간 알림은 WebSocket, 덜 긴급한 건 폴링 주기를 늘려 불필요한 요청을 줄였습니다.

    배지와 토스트를 역할로 분리해 중요도 낮은 알림이 화면 흐름을 끊지 않도록 설계한 부분이 UX에서 가장 많이 고민한 지점이었습니다.

    이 결의 특징
    정규화 레이어와 낙관적 업데이트로 확장성을 확보하는 결이 있습니다.
    이 결이 통하는 자리
    UX와 시스템 설계를 함께 고려하는 자리에서 효과가 있습니다.
    C
    약 82초

    WebWorker 분리·통신 비용 최적화·상태 일관성 설계 중심으로 푸는 결

    알림 통합에서 서비스가 늘어도 성능이 떨어지지 않아야 한다는 조건이 설계의 출발점이었습니다. 알림 스트림 처리를 `WebWorker`로 분리해 메인 스레드 블로킹을 막았고, 각 서비스의 알림은 정규화 레이어를 거쳐 단일 스토어로 들어오는 구조를 선택했습니다.

    SSE는 서버 부담이 낮아 실시간 수신에 적합했고, 대량 알림은 청크 단위로 렌더링해 화면 지연을 방지했습니다. 읽음 상태 동기화는 낙관적 업데이트를 기본으로 하되 네트워크 오류 시 롤백을 명확히 설계해 사용자가 혼란을 겪지 않도록 했습니다. 이 구조에서 배운 건 알림 시스템은 기능보다 상태 일관성을 어떻게 유지하느냐가 품질 차이를 만든다는 점입니다.

    대규모 환경에서도 개별 알림의 신뢰성이 유지될 때 사용자 신뢰가 생깁니다.

    이 결의 특징
    WebWorker로 메인 스레드 블로킹을 막는 성능 설계가 특징인 결이 보입니다.
    이 결이 통하는 자리
    대규모 환경에서의 신뢰성 설계를 확인하는 자리에서 통하는 결입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

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

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

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

    壹이런 설계를 하게 된 배경은 무엇인가요?
    貳다른 접근 방식은 고려해보셨나요?
    參이 설계의 가장 큰 장점은 무엇이라고 생각하나요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 당근마켓 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

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

    토스 · 프론트엔드
    프론트엔드 웹 서비스의 성숙한 성장에 기여하기 위해 어떤 접근 방식을 취할 것인지 설명해 주세요.
    이 질문 보기
    당근마켓 · 프로덕트 디자이너
    여러 서비스에서의 알림 경험을 설계할 때, 개인화와 필터링을 어떻게 접근하실 건가요?
    이 질문 보기
    111퍼센트 · 백엔드
    공통 서비스 아키텍처를 설계할 때 어떤 접근 방식을 주로 사용하는지 설명해 주세요.
    이 질문 보기
    에코마케팅 · 백엔드
    자동화 솔루션 설계에 있어 어떤 접근 방식을 선호하나요?
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 당근마켓 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기