Published on

DIA(Developer Interview Assistant)

프로젝트 요약

  • 개발 기간 : 2023.11.22 ~ 진행 중🔥
  • 기술 스택 : Nextjs, Tailwind CSS, Jest
  • 깃허브 : 바로가기
  • 실제 면접에서 자주 등장하는 질문을 제공하며, 각 질문에 대한 스크립트 작성을 지원합니다.
  • TTS(Text To Speech) 기능을 활용하여 사용자에게 입체감 있는 모의 면접 경험을 제공합니다
  • 모의 면접 이후 STT(Speech To Text)를 통해 사용자가 작성한 스크립트와 비교하여 향상된 학습 기회를 제공합니다.

프로젝트 기여

  • 웹 UI 구현: 사용자 친화적이고 직관적인 인터페이스를 개발하여 면접 연습을 원활하게 할 수 있도록 디자인하고 구현하였습니다.
  • 모의 면접 시 STT 구현: 음성 입력 기능을 통해 사용자가 모의 면접에서 대답한 내용을 텍스트로 변환하여 분석할 수 있게 구현하였습니다.
  • TDD (Test-Driven Development) 활용: 개발 과정에서 테스트 주도 개발을 적극적으로 활용하여 코드의 신뢰성과 유지보수성을 높였습니다.
  • CSS 최적화:
    • UI 컴포넌트 최적화: 테일윈드의 기존 단점인 코드 가독성 문제를 해결하기 위해, 재사용성을 고려하여 UI 컴포넌트를 구성했습니다.
    • 커스텀 최적화: Tailwind-merge를 활용하여 CSS 클래스 병합을 최적화함으로써, 코드의 가독성과 유지보수성을 향상시켰습니다.