DEVOCEAN

안녕하세요!

DEVOCEAN OpenLab 3기 'AI를 활용한 데이터 분석 워크플로우 자동화' 스터디에 참여중인 장세연입니다. 😊

OpenLab 3기의 스터디 1회차 모임 글을 썼던 게 엊그제 같은데, 벌써 6회차라니 시간이 참 빠른 것 같아요. o(TヘTo)

6회차 모임 때는 5회차 모임에 이어 개개인의 아이디어로 Make.com 프로젝트를 만들어 발표하는 자리를 가졌습니다!

이번 블로그 후기에서는 제가 만들어온 프로젝트를 소개드려볼까 합니다. :D

✨ 프로젝트 소개

제 프로젝트명은 '딱붙'입니다. 취업 성공을 위해 회사에 딱! 붙으라는 의미에서 유래한 이름인데요.

Make를 이용해서 채용공고를 크롤링하고, JD에 딱 맞춘 면접 질문들을 해주고, 사용자 음성 답변에 피드백을 주는 과정까지의 모든 워크플로우를 자동화했습니다.

NO 백엔드 DO 웹 바이브코딩 ! 으로 만든 프로젝트랍니다!

📍 전체 아키텍처

딱붙의 아키텍처는 다음과 같습니다. Make.com으로 두 개의 프로젝트, 즉 두 개의 API를 만드는 과정이었습니다.

1. 첫 번째 API : JD 크롤링과 질문 생성

   입력한 회사, 직무의 채용공고를 크롤링하고, 해당 포지션에서 나올 것 같은 질문을 생성하고, DB인 스프레트 시트에 저장합니다.

   
   

2. 두 번째 API : 사용자 음성 STT 변환과 피드백 생성

   사용자가 답변을 녹음해서 보내면, STT 변환을 하고 흔히 자기소개서/면접에 사용하는 STAR 기법에 따라 피드백을 줍니다.

   
   

1️⃣ 첫 번째 API, JD 크롤링과 질문 생성

1. 회사명과 지원 직무를 입력 또는 선택(프론트엔드 개발자/백엔드 개발자 등)합니다.

   
   

   
   

2. SerpAPI로 구글창에서 해당 채용공고를 검색하고, 나온 결과들 중 제일 상단에 있는 링크를 한 번 더 눌러 크롤링해온 후 Gemini에 넣어 면접 질문을 생성합니다.

   
   

   (Gemini 프롬프트 내용)
    채용공고 내용을 분석해서 아래 형식으로 정리해줘.
    불필요한 문장이나 설명 없이, 각 항목별로 핵심만 명확히 정리해줘.
    인재상 부분은 채용공고의 어조, 요구 역량, 문화 키워드를 종합해서 도출해줘.
   
    [직무명]
   
    ■ 업무 내용
    - 
   
    ■ 필수(자격) 요건
    - 
   
    ■ 우대사항
    - 
   
    ■ 회사가 원하는 인재상
    - (예: 문제 해결 중심 사고를 가진 사람)
    - (예: 팀워크와 커뮤니케이션을 중시하는 사람)

3. 생성된 면접 질문이 스프레트시트에 저장됨과 동시에 웹 프론트엔드에 띄워집니다.

   
   

   
   

2️⃣ 두 번째 API, 사용자 음성 STT 변환과 피드백 생성

1. 사용자가 면접 질문을 하나 골라서 녹음을 합니다.

   
   

2. 녹음본의 링크를 생성하기 위해 Google Drive에 업로드하고, 링크를 생성한 뒤, STT 변환을 해주는 Assembly AI에 녹음본의 링크를 보냅니다.

   
   

3. Gemini를 이용해서 사용자 음성에 대해 STAR 기법으로 피드백과 좋은 예시 답변을 만들어줍니다.

   // Gemini 프롬프트
   당신은 STAR 기법 기반의 면접 답변 분석 전문가입니다. 아래의 [면접 질문]과 [지원자 답변]을 바탕으로, 답변을 STAR 기법의 각 요소로 분해하고, 그에 대한 총평을 작성해 주세요.
   또한, 총평과 별개로 해당 JD와 질문을 분석해서 STAR 기법에 맞춘 예시 답변까지 작성해야합니다.
   
    [면접 질문]
    {{2.selected_question}}
   
    [지원자 답변]
    {{7.data.text}}
   
    [출력 형식]
    다른 설명 없이, 반드시 아래 JSON 형식 그대로 출력해야 합니다.
   
    {
      "transcript": "{{7.data.text}}",
      "star_analysis": {
        "situation": "Situation에 해당하는 내용을 요약",
        "task": "Task에 해당하는 내용을 요약",
        "action": "Action에 해당하는 내용을 요약",
        "result": "Result에 해당하는 내용을 요약"
      },
      "overall_feedback": "STAR 기법 관점에서 답변에 대한 총평 및 개선점",
      "example_answer": "JD를 기반으로 생성된 모범 답안 텍스트..."
    }
   
   

4. Gemini로 생성한 피드백과 답변을 웹 UI에 띄워줍니다.

   
   

🍁 스터디를 마치며 남기는 후기

요즘 DEVOCEAN 글뿐만 아니라 다른 커뮤니티들도 보면 점점 AI도 많이 사용하고, 자동화도 하고, 바이브코딩도 늘어나서 저도 꼭 이런 내용들을 잘 쓰면 좋겠다고 생각했는데요.

스터디를 통해 자동화 툴인 Make도, AI도, 바이브코딩도 자유자재로 써보면서 특히 제가 원하는 프로젝트까지 만들어본 경험이 정말 좋았습니다-!

추가로, 저희 스터디 분위기도 좋고 열정적인 분들도 많아서 프로젝트 발표할 때가 제일 즐거웠는데요-!

다들 실제로 필요한 자동화를 해보면서 발표하고, 응원하는 마음으로 피드백을 한 두개씩 얹으면서 긍정적인 피드백을 나누는 분위기가 정말 좋았습니다. :D

데보션 스터디를 2번이나 참여한 사람으로서 느끼는 점은, 항상 학교, 프로젝트에서는 절대 배울 수 없는 툴과 인사이트를 배워가면서 성장하는 기쁨이 크다는 건데요!

데보션 스터디가 열리면 또 신청하고 싶을 정도로 갚진 경험을 했습니다.

항상 스터디 열심히 준비해주셨던 왕태웅 프로님께 감사드리고, 스터디 환경을 만들어주신 데보션께 감사드립니다-!