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

    React와 TypeScript를 사용해본 경험에 대해 구체적으로 설명해 줄 수 있어?

    답변 미리보기

    졸업 프로젝트에서 게시판 기능을 React와 TypeScript로 구현했습니다. 목록, 상세, 작성 화면을 각각 컴포넌트로 나누고, 게시글 데이터의 타입을…

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

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

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

    問
    01
    구체적인 프로젝트를 바로 떠올리는가
    질문을 듣고 곧바로 어떤 프로젝트였는지 말할 수 있는지 봅니다. 머뭇거림이 길면 실제 경험이 얕다는 인상을 줄 수 있습니다.
    骨
    02
    TypeScript를 왜 함께 썼는지 이유가 있는가
    React만으로도 되는데 TypeScript를 추가로 쓴 이유를 말할 수 있는지 봅니다.
    語
    03
    본인이 맡은 역할이 분명한가
    프로젝트 전체를 설명하기보다 본인이 실제로 작성한 코드나 맡은 기능을 짚어 말하는지 봅니다.
    本
    04
    사용 경험의 깊이가 있는가
    컴포넌트를 몇 개 만들어본 수준인지, 타입 설계나 구조까지 고민해본 수준인지 구분해 듣습니다.
    말로 해봐야 는다
    읽는 것과 말하는 건 다릅니다.
    이 질문, 소리 내어 답해 볼까요?
    마켓컬리 면접관 페르소나가 이 질문을 던지고, 당신의 답에 꼬리질문으로 되물어요.
    음성으로 답해보기
    학교 프로젝트에서 컴포넌트를 설계한 경험소규모 개인 프로젝트에서 익힌 경험팀 프로젝트에서 일부 기능을 맡은 경험
    예시 답변 1

    학교 프로젝트에서 컴포넌트를 설계한 경험

    졸업 프로젝트에서 게시판 기능을 React와 TypeScript로 구현했습니다. 목록, 상세, 작성 화면을 각각 컴포넌트로 나누고, 게시글 데이터의 타입을 인터페이스로 정의해 여러 컴포넌트에서 재사용했습니다. 처음엔 타입을 컴포넌트마다 새로 적다가 중복이 늘어나는 걸 깨닫고, 공통 타입 파일로 분리했습니다.

    중복을 인지하고 구조를 개선한 과정을 담았습니다.
    예시 답변 2

    소규모 개인 프로젝트에서 익힌 경험

    개인적으로 할 일 관리 앱을 만들며 React와 TypeScript를 처음 실전에 써봤습니다. 상태를 useState로 관리하다가 항목이 늘면서 코드가 복잡해져, 상태 로직을 별도 훅으로 분리했습니다. 규모가 크지 않은 프로젝트라 큰 어려움은 없었지만, 타입을 미리 정의하고 시작하니 기능을 추가할 때 실수가 줄었다는 걸 체감했습니다.

    작은 규모라는 점을 숨기지 않고 정직하게 밝혔습니다.
    예시 답변 3

    팀 프로젝트에서 일부 기능을 맡은 경험

    팀 프로젝트에서 저는 회원가입과 로그인 화면을 맡아 React와 TypeScript로 구현했습니다. 폼 입력값의 타입을 정의하고, 유효성 검사 결과에 따라 에러 메시지를 보여주는 로직을 작성했습니다. 다른 팀원이 만든 컴포넌트와 타입을 맞추는 과정에서 이름 규칙이 달라 혼선이 있었는데, 컨벤션을 미리 정해두지 않은 게 원인이었습니다.

    협업 중 겪은 컨벤션 문제를 구체적으로 짚었습니다.
    !
    위 답변은 여러 풀이 중 한 가지 예시입니다. 정답이 아니며, 외워서 그대로 말하면 면접관이 다음 질문을 그 자리에서 시작하는 경우가 많습니다. 본인의 프로젝트·기준·숫자로 다시 짜는 자리로만 쓰세요.
    ✕자주 빠지는 자리

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

    • ✕프로젝트 전체 설명만 하고 본인이 맡은 부분을 구분하지 못한다.
    • ✕TypeScript를 쓴 이유 없이 그냥 같이 썼다고만 답한다.
    • ✕규모가 작은 프로젝트를 크게 부풀려 설명한다.
    ▶이어질 꼬리질문

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

    壹타입을 공통 파일로 분리한 기준은 무엇이었나요?
    대응재사용 빈도나 여러 컴포넌트에서 쓰이는지를 기준으로 설명합니다.
    貳팀원과 타입 컨벤션이 다를 때 어떻게 맞췄나요?
    대응논의 과정이나 합의한 규칙을 구체적으로 말합니다.
    參이 프로젝트에서 아쉬웠던 부분은 무엇인가요?
    대응구조나 타입 설계에서 다시 하고 싶은 부분을 언급합니다.
    이제, 직접 답해볼 차례예요.
    눈으로 읽은 답은 면접장에서 나오지 않아요. 마켓컬리 면접관과 이 질문으로 한 번 대화해 보세요.
    이 질문으로 모의면접 해보기
    또는, 다음 질문으로

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

    토스 · 프론트엔드
    React와 TypeScript를 사용한 프로젝트에서의 경험을 구체적으로 설명해 주실 수 있나요?
    이 질문 보기
    토스 · 프론트엔드
    React와 TypeScript를 사용해본 경험에 대해 구체적으로 설명해 줄 수 있나요? 어떤 프로젝트에서 사용했는지 궁금합니다.
    이 질문 보기
    SPC그룹 · 프론트엔드
    React와 TypeScript를 이용한 프로젝트 경험에 대해 이야기해 주세요.
    이 질문 보기
    마켓컬리 · 프론트엔드
    React와 TypeScript를 활용한 프로젝트에서 어떤 경험이 있었는지 구체적으로 설명해 주세요.
    이 질문 보기
    안내 · 이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 실제 출제·회사 공식 입장과는 무관하며, 정정 요청 시 24시간 내 반영합니다. 자세히
    개인정보처리방침이용약관문의
    © 2026 우문현답. All rights reserved.
    이 페이지 목차
    01면접관의 의도02답변의 결03실수·꼬리질문04관련 질문
    말로 해봐야 는다
    이 질문, 마켓컬리 면접관과
    음성으로 답해볼까요?
    모의면접 해보기
    첫 회 무료 · 종료 즉시 음성 폐기