안녕하세요. D.Whale 에 지원해주셔서 감사합니다.

본격적인 면접을 시작하기 전에 먼저 라이브 코딩테스트를 진행할 예정입니다.

라이브 코딩을 진행하는 목적은 아래와 같습니다.

• 지원자의 문제 해결 방법 (검색 등 각종능력)
• 문제가 생겼을때 커뮤니케이션 방법
• React 기반의 Component 개발 능력

단순히 개발능력만을 보는것이 아니기 때문에 적극적으로 질문을 해주시면서 진행하는것이 좋습니다.

테스트를 시작하기 전에 아래 안내 사항을 꼭 확인해주세요.

👉 안내 사항

• 시작과 함께 구글 meet 하단의 발표시작(화면공유)를 클릭하여 전체 화면 공유

  • Mac 권한 오류가 발생했을 때

• 개발 툴 (A / B 중 선택 가능)

  A. 사용하기 편한 IDE 사용 가능

  • clap-code repository를 clone하여 진행

    https://github.com/dwhale-dev/clap-code

  B. 온라인 코드 편집기 codesandbox 사용

  • 면접관분께서 링크를 공유해주시면 해당 페이지에서 작업한다.
  • 일부 dependencies가 설치 되어 있으며 필요 시 자유롭게 추가 가능하다.
    • codsandbox에서 dependeny 추가 하는 방법

👉 요구 사항

제약 사항

• App.jsx 또는 App.tsx 에 고객리스트 페이지를 구현한다.
• 추가적인 컴포넌트는 자유롭게 추가할 수 있다.
• css는 자유롭게 작성할 수 있다. (css 프레임워크 및 css 전처리기 사용 가능)