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

    재사용 가능한 UI 컴포넌트를 만들고 유지 관리한 경험에 대해 이야기해 주세요.

    답변 미리보기

    상용 환경 모듈화 UI 실무는 없습니다. 학부 종합설계 React 14개 화면·8주에서 작은 모듈화 시도를 해본 정도입니다. 처음에는 한 파일에 모든 화면…

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

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

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

    問
    01
    어떤 챌린지를 경험했는가?
    구축 과정에서 마주쳤던 다양한 기술적 도전과제가 답에 포함된 흔적이 있어야 합니다. 없으면 면접관이 '어떤 문제였나요?'를 추가로 묻는 경우가 자주 보입니다.
    骨
    02
    해결 방법은 무엇인가?
    문제를 해결하기 위해 사용한 구체적인 접근 방식이나 기술적인 선택이 답에 드러나야 합니다. 없으면 면접관이 '어떻게 해결했나요?'라는 질문을 던지는 자리가 흔하게 보입니다.
    語
    03
    학습한 점은 무엇인가?
    이 과정에서 얻은 경험이나 교훈에 대한 언급이 답에 있어야 합니다. 없으면 면접관이 '이 경험을 통해 무엇을 배웠나요?'를 추가로 묻는 경우가 많습니다.
    本
    04
    팀의 협력은 어땠는가?
    모듈화 작업에서 팀원들과의 협력 방식이나 커뮤니케이션 방식이 언급되면 좋습니다. 없으면 면접관이 '팀워크는 어떻게 이루어졌나요?'를 질문하는 자리가 자주 보입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    라인 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    *모듈화 UI 아키텍처*를 학부 종합설계 React 경험으로 답한다.약 65초*모듈화 UI의 4가지 챌린지*를 정리한다.약 70초*모듈화의 본체는 변경 비용을 작게*라는 시각을 보여준다.약 65초
    솔직 경험형
    약 65초

    *모듈화 UI 아키텍처*를 학부 종합설계 React 경험으로 답한다.

    상용 환경 모듈화 UI 실무는 없습니다. 학부 종합설계 React 14개 화면·8주에서 작은 모듈화 시도를 해본 정도입니다.

    처음에는 한 파일에 모든 화면 로직을 쓴 자리가 있었습니다. 5주차에 화면 추가가 다른 화면을 깬 자리가 있었고, 디자인 시스템 컴포넌트·feature 폴더 구조·공통 hook 분리로 옮긴 뒤 추가 작업 속도가 두 배가 됐습니다.

    첫 자리에 경계 없이 시작한 실패가 있었고, 그 일이 경계는 첫 자리부터라는 자세를 만들었습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.

    이 결의 특징
    14개 화면을 한 파일에 몰아넣었다가 5주차에 화면 추가가 다른 화면을 깬 실패를 겪고, 디자인 시스템·feature 폴더·공통 hook 분리로 작업 속도를 두 배로 끌어올린 흔적이 있습니다.
    이 결이 통하는 자리
    경계는 첫 자리부터라는 원칙이 실제 붕괴 경험과 두 배 속도라는 구체적 수치로 뒷받침될 때 통합니다. 실무 경험 없음을 인정하면서도 8주간의 시행착오를 구체적으로 짚은 자리에서 통하는 결이 보입니다.
    챌린지 정리형
    약 70초

    *모듈화 UI의 4가지 챌린지*를 정리한다.

    모듈화된 UI 아키텍처에서 부딪힌 챌린지는 네 곳입니다.

    첫째, 경계 정의. 어디까지 한 모듈·어디부터 다른 모듈. 둘째, 공통 상태·인증 공유. 모듈 사이의 데이터 흐름. 셋째, 디자인 일관성. 팀별 자유와 전체 톤의 균형. 넷째, 번들 사이즈·로딩 전략. 지연 로딩·코드 스플리팅.

    종합설계에서 4단계 번들 사이즈를 안 본 실패가 있었고, 첫 화면이 모바일에서 4초 늦은 자리가 있었습니다. 그 일이 모듈화는 성능까지라는 자세를 만들었습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.

    이 결의 특징
    경계 정의·상태 공유·디자인 일관성·번들 사이즈 네 챌린지를 나열하고, 번들 사이즈를 안 봐서 첫 화면이 모바일에서 4초 늦은 실패를 구체적으로 짚은 흔적이 있습니다.
    이 결이 통하는 자리
    모듈화는 성능까지라는 원칙이 4초라는 구체적 지연과 함께 있을 때 통합니다. 지연 로딩·코드 스플리팅이라는 구체적 대응이 있는 자리에서 통하는 결이 보입니다.
    관점 중심형
    약 65초

    *모듈화의 본체는 변경 비용을 작게*라는 시각을 보여준다.

    모듈화 UI의 본체는 멋진 구조가 아니라 변경 비용을 작게 만드는 자리라는 걸 종합설계에서 봤습니다.

    한 자리의 변경이 다섯 자리를 깨던 자리가 모듈로 분리한 뒤에 한 자리만 깨는 자리가 됐습니다. 변경 비용이 절반으로 줄어든 자리가 모듈화의 가치였습니다.

    첫 자리에 모듈 없이 짠 실패가 있었고, 그 일이 변경 비용을 첫 자리부터 본다는 자세를 만들었습니다. 실무에서도 사수의 모듈 경계 양식부터 익히고 싶습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.

    이 결의 특징
    한 자리의 변경이 다섯 자리를 깨던 구조를 모듈로 분리한 뒤 한 자리만 깨지는 구조로 바꿔 변경 비용을 절반으로 줄인 흔적이 있습니다.
    이 결이 통하는 자리
    모듈화 UI의 본체가 멋진 구조가 아니라 변경 비용을 작게 만드는 자리라는 관점이 절반이라는 구체적 수치와 함께 있을 때 통합니다. 모듈 없이 짠 첫 실패를 스스로 밝힌 자리에서 통하는 결이 보입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

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

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

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

    壹이 과정에서 가장 어려웠던 부분은 무엇이었나요?
    貳해결 과정에서 어떤 기술적 선택을 했나요?
    參이 경험이 향후 프로젝트에 어떻게 도움이 될 것 같나요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 라인 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

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

    라인 · 프론트엔드
    재사용 가능한 UI 컴포넌트나 라이브러리를 구축한 경험이 있다면 구체적으로 어떤 프로젝트에서 어떻게 했는지 말씀해 주세요.
    이 질문 보기
    토스 · 프로덕트 디자이너
    복잡한 정보나 기술을 이해하고 이를 구조화된 UI로 설계한 경험에 대해 이야기해 주세요.
    이 질문 보기
    그래비티랩스 · 프로덕트 디자이너
    복잡한 정보를 구조화하여 UI를 설계했던 경험을 공유해 주세요.
    이 질문 보기
    토스 · 프로덕트 디자이너
    복잡한 데이터를 구조화된 UI로 설계하고 시각화한 경험에 대해 이야기해 주세요.
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 라인 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기