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

    웹사이트와 웹뷰에서 일관된 쇼핑 경험을 제공하기 위해 어떤 디자인 원칙을 고려하나요?

    답변 미리보기

    웹사이트와 웹뷰에서 일관된 쇼핑 경험을 만들 때 제가 가장 중요하게 보는 원칙은 '같은 작업을 다른 환경에서 해도 흐름이 똑같이 느껴지는…

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

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

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

    問
    01
    디자인 원칙을 알고 있는가?
    일관된 쇼핑 경험을 위한 디자인 원칙에 대한 이해가 답에 있어야 합니다. 없으면 면접관이 '어떤 원칙을 생각하셨나요?'를 추가로 묻는 경우가 자주 보입니다.
    骨
    02
    사용자 경험을 고려했는가?
    사용자 경험을 중심으로 한 디자인 접근법의 흔적이 답에 있어야 합니다. 없으면 면접관이 '그렇다면 사용자는 어떻게 느낄까요?'를 추가로 묻는 자리가 자주 보입니다.
    語
    03
    기술적 제한을 인식했는가?
    웹사이트와 웹뷰의 기술적 차이점이나 제한을 인식한 흔적이 답에 있어야 합니다. 없으면 면접관이 '이런 제한은 어떻게 극복할 수 있을까요?' 같은 질문을 던지는 자리가 자주 보입니다.
    本
    04
    일관성을 유지하는 방법은 무엇인가?
    일관된 사용자 경험을 유지하기 위한 구체적인 방법론이나 사례가 답에 있어야 합니다. 없으면 면접관이 '실제 예시로 설명해 주실 수 있나요?'를 추가로 묻는 경우가 많습니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    당근마켓 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    디자인 시스템과 콘텐츠 구조 일관성을 핵심 원칙으로 설명약 70초웹뷰 특성상 발생하는 제약을 고려한 쇼핑 경험 설계 원칙 결약 60초쇼핑 흐름의 핵심 단계에서 일관성을 유지하고 비핵심 단계는 환경에 최적화하는 결약 58초
    A
    약 70초

    디자인 시스템과 콘텐츠 구조 일관성을 핵심 원칙으로 설명

    웹사이트와 웹뷰에서 일관된 쇼핑 경험을 만들 때 제가 가장 중요하게 보는 원칙은 '같은 작업을 다른 환경에서 해도 흐름이 똑같이 느껴지는 것'입니다. 구체적으로는 세 가지를 고려합니다. 첫째, 디자인 시스템 공유입니다. 버튼 색상, 폰트 크기, 아이콘 형태 같은 시각 요소를 공통 컴포넌트로 정의하면 두 환경이 다르게 만들어져도 사용자가 '같은 브랜드'라고 느낍니다. 둘째, 핵심 쇼핑 플로우(검색→상품→장바구니→결제)의 단계 수와 버튼 위치를 가능한 한 동일하게 유지하는 것입니다. 웹뷰의 기술적 제한으로 화면 크기나 입력 방식이 다를 수 있지만, 인터랙션 패턴의 일관성이 사용자 혼란을 줄입니다. 셋째, 성능 기준 통일입니다. 웹사이트에서 로딩이 빠르고 웹뷰에서 느리면 같은 브랜드라도 신뢰도가 달라집니다. UI 수업에서 웹뷰 프로토타입을 직접 만들면서 모바일 제약 환경에서 먼저 설계하는 것이 일관성 유지에 유리하다는 걸 배웠습니다.

    이 결의 특징
    디자인 시스템, 플로우 통일, 성능 기준까지 세 가지 원칙을 구체적으로 짚는 결입니다.
    이 결이 통하는 자리
    멀티 플랫폼 UX 일관성 설계를 확인하려는 질문에 통하는 결입니다.
    예시 답변 2
    약 60초

    웹뷰 특성상 발생하는 제약을 고려한 쇼핑 경험 설계 원칙 결

    웹사이트와 웹뷰의 쇼핑 경험을 일관되게 설계할 때 웹뷰 고유 제약을 먼저 고려하는 것이 중요합니다. 웹뷰는 앱 내에서 렌더링되기 때문에 네이티브 앱의 뒤로가기 제스처, 상단 상태바, 노치 영역과 충돌이 생길 수 있습니다. 이를 무시하면 같은 페이지라도 웹과 웹뷰에서 경험이 달라집니다. 제약을 해소하기 위해 safe area inset을 CSS로 적용하고 뒤로가기 동작을 앱 인터페이스와 통일하는 방식을 사용합니다. 또한 웹뷰는 로딩 속도가 네이티브보다 느릴 수 있어 스켈레톤 로딩이나 콘텐츠 우선순위 렌더링으로 체감 속도를 개선합니다.

    웹뷰 제약 해소가 일관성의 전제입니다. 환경 차이를 인식해야 설계가 됩니다. 제약을 알아야 일관성을 만들 수 있습니다.

    이 결의 특징
    웹뷰 고유의 기술적 제약을 먼저 고려하는 설계 순서를 짚는 결입니다.
    이 결이 통하는 자리
    플랫폼별 제약 이해를 확인하려는 질문에서 설득력을 인정받는 결입니다.
    예시 답변 3
    약 58초

    쇼핑 흐름의 핵심 단계에서 일관성을 유지하고 비핵심 단계는 환경에 최적화하는 결

    웹사이트와 웹뷰에서 쇼핑 경험을 일관되게 만들 때 모든 요소를 동일하게 맞추려는 것보다 핵심 단계에 집중하는 방식이 효과적이라고 생각합니다. 상품 탐색, 장바구니 담기, 결제 완료의 핵심 구매 흐름에서는 UI 패턴과 인터랙션이 동일하게 유지돼야 사용자가 환경이 달라져도 혼란 없이 구매할 수 있습니다. 반면 홈 화면이나 탐색 화면은 각 환경의 강점을 살려 최적화해도 좋습니다.

    웹은 넓은 레이아웃으로 더 많은 정보를, 웹뷰는 앱의 탐색 패턴을 활용하는 식입니다. 일관성과 최적화의 기준을 '어디서 불일치가 구매 이탈로 이어지는가'로 잡으면 우선순위가 명확해집니다. 핵심 흐름에서 일관성이 필요합니다. 모든 것을 같게 만들 필요는 없습니다. 기준이 설계를 단순하게 만듭니다.

    이 결의 특징
    모든 요소를 통일하지 않고 핵심 구매 흐름에 집중하는 우선순위를 짚는 결입니다.
    이 결이 통하는 자리
    효율적인 설계 우선순위 판단을 확인하려는 질문에서 자주 채택되는 결입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

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

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

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

    壹어떤 디자인 원칙이 가장 중요하다고 생각하시나요?
    貳이런 디자인 원칙을 적용한 경험이 있으신가요?
    參이 디자인 원칙을 팀원들과 어떻게 공유하셨나요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 당근마켓 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

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

    세나클소프트 · 프론트엔드
    웹 어플리케이션 개발 시, 사용자 경험을 향상시키기 위해 어떤 UI/UX 원칙을 고려하시나요?
    이 질문 보기
    CJ올리브영 · 프론트엔드
    웹 성능, SEO, 웹 접근성을 고려하여 코드를 최적화한 경험이 있다면 구체적으로 어떤 접근을 했는지 설명해 주세요.
    이 질문 보기
    PTKOREA · 광고기획
    웹 서비스 기획과 UX 설계에서 가장 중요하게 생각하는 원칙은 무엇인가요?
    이 질문 보기
    에피드게임즈 · UX/UI 디자이너
    온라인 배너 및 웹 콘텐츠 제작 시, 어떤 디자인 원칙을 따르시나요?
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 당근마켓 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기