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

    재사용 가능한 UI 컴포넌트나 라이브러리를 구축한 경험이 있다면 구체적으로 어떤 프로젝트에서 어떻게 했는지 말씀해 주세요.

    답변 미리보기

    팀 프로젝트에서 재사용 가능한 UI 컴포넌트 라이브러리를 직접 구축한 경험이 있습니다. 여러 페이지에서 같은 버튼과 모달이 각자 구현돼 있어 스타일이 제각각인…

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

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

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

    問
    01
    본인 손에 잡은 결이 또렷한가?
    설계·구현·문서 결 중 본인이 직접 한 자리가 답에 보입니다. 일반론으로만 답하면 깊이가 옅은 자리입니다.
    骨
    02
    구축 결을 또렷이 짚는가?
    API·테마·버저닝 결로 본인이 가른 흔적이 답에서 드러나는 결이 통합니다. 매끈하게만 끝나는 답은 외워 온 결로 들립니다.
    語
    03
    본인 사례로 닫는가?
    추상 다짐이 아니라 본인이 실제로 한 결을 짚는 답이 자주 등장합니다. 매끈하게만 끝나는 답은 외워 온 결로 들립니다.
    本
    04
    측정 가능한 결과로 닫는가?
    재사용·시간·결함 결로 본인이 결과를 본 흔적이 답에 보입니다. 수치 없이 좋아진다는 답은 검증이 옅은 결입니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    라인 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    재사용 UI 컴포넌트 라이브러리 결약 90초공통 컴포넌트 도입 후 신규 페이지 개발 시간이 줄어든 것을 팀과 확인한 결약 76초컴포넌트 Props 인터페이스 설계에서 범용성과 단순함 사이의 균형을 잡은 결약 76초
    예시 답변 1
    약 90초

    재사용 UI 컴포넌트 라이브러리 결

    팀 프로젝트에서 재사용 가능한 UI 컴포넌트 라이브러리를 직접 구축한 경험이 있습니다. 여러 페이지에서 같은 버튼과 모달이 각자 구현돼 있어 스타일이 제각각인 문제가 있었고, 공통 컴포넌트로 분리하기로 결정했습니다. 디자인 토큰을 CSS 변수로 정의해 색상, 간격, 타이포그래피를 한 곳에서 관리하도록 했고, 이후 디자인 변경 시 전체 컴포넌트에 일관되게 반영됐습니다.

    Props 인터페이스 설계가 가장 많은 고민이 필요했는데, 너무 범용적으로 만들면 사용이 복잡해지고 너무 좁히면 변형이 필요할 때마다 새 컴포넌트를 만들어야 했습니다. Storybook으로 컴포넌트를 문서화하니 팀원들이 어떤 컴포넌트가 있는지 빠르게 파악하고 중복 구현이 줄었습니다. 컴포넌트 라이브러리는 설계보다 유지 기준을 팀이 합의하는 것이 더 오래 가는 결이었습니다.

    이 결의 특징
    처음 접한 경험부터 습득까지의 발전 과정이 구체적으로 보이는 흔적입니다.
    이 결이 통하는 자리
    이론이 아닌 실제 손에 잡은 기술 경험이 담길 때 면접관이 후속 질문을 던지는 자리입니다.
    예시 답변 2
    약 76초

    공통 컴포넌트 도입 후 신규 페이지 개발 시간이 줄어든 것을 팀과 확인한 결

    UI 컴포넌트 라이브러리를 만들고 나서 실제로 효과가 있었는지 확인하고 싶었습니다. 팀원에게 신규 페이지를 만들 때 공통 컴포넌트를 썼을 때와 쓰지 않았을 때의 차이를 물어봤습니다. 공통 컴포넌트를 쓰면 레이아웃 잡는 시간이 크게 줄었다고 했고, 비슷한 페이지를 만드는 데 이전보다 절반 정도 시간이 걸린다는 이야기를 들었습니다. 또한 Storybook을 통해 중복 구현을 얼마나 줄였는지 확인했더니, 같은 컴포넌트를 다시 만들려는 PR이 리뷰에서 걸리는 경우가 이전보다 줄었습니다. 수치가 완벽하지는 않았지만, 팀이 공통 컴포넌트를 적극적으로 쓰는 방향으로 행동이 바뀐 것이 가장 큰 효과였습니다. 라이브러리는 사용됐을 때 비로소 가치가 생기는 결이라는 것을 이 경험에서 배웠습니다.

    이 결의 특징
    초기 시행착오에서 출발해 해결책을 찾아가는 문제 해결의 과정이 드러나는 흔적입니다.
    이 결이 통하는 자리
    문제 인식과 해결책이 일대일로 대응될 때 논리적 사고가 검증되는 자리입니다.
    예시 답변 3
    약 76초

    컴포넌트 Props 인터페이스 설계에서 범용성과 단순함 사이의 균형을 잡은 결

    UI 컴포넌트를 재사용 가능하게 만들면서 Props 인터페이스 설계가 가장 어려웠습니다. Button 컴포넌트 하나만 해도 크기·색상·아이콘 유무·비활성화 상태 등 다양한 경우가 있었습니다. 처음에는 모든 케이스를 커버하려다 Props가 20개가 넘어가는 결이 됐습니다. 쓰는 사람 입장에서 어떤 Props가 진짜 필요한지를 기준으로 다시 정리했습니다.

    실제 사용 케이스 5가지를 먼저 나열하고, 그 케이스를 커버하는 최소 인터페이스를 설계했습니다. 이 방식으로 줄이니 13개에서 7개로 줄었고, 팀원이 컴포넌트를 쓸 때 문서를 오래 읽지 않아도 바로 쓸 수 있게 됐습니다. API 설계는 만드는 사람이 아니라 쓰는 사람 기준으로 해야 하는 결이라는 것을 이 경험에서 배웠습니다.

    이 결의 특징
    경험 자체보다 그로부터 얻은 보편적 설계 원칙까지 나아간 사고의 깊이가 드러나는 흔적입니다.
    이 결이 통하는 자리
    'Props 인터페이스 설계가 가장 어려웠습니다.'같은 원칙을 경험에서 도출해낸 면접자의 사고 높이가 드러날 때 심화 질문으로 이어지는 자리입니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

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

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

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

    壹본인이 가장 깊이 본 결은 어디였나요?
    貳구축 결을 어떻게 잡으셨나요?
    參결과를 어떤 결로 측정하시나요?
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 라인 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

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

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