본문 바로가기
서합부터

AI 웹 서비스 하루만에 출시하기 (feat. Flutter web) 구글의 도움을 받자!

by 난타코다옹 2024. 10. 13.

목차

    목표

    웹 서비스를 빠르게 만들어서 사람들이 쓸 수 있게 하자!!

     

     

     

     

    계기

    우선 내가 너무 필요한 서비스!! 아이디어를 생각해둔게 있다.
    자소서를 챗GPT로 생성하는 것!
    하지만... 생각보다 해보면 어렵다. 조금만 하다보면 이상한 소리를 한다. 원하는 똑부러지는 느낌이 아니고 대충 두루뭉술하게 대답한다. 딱 봐도 AI스러운 느낌?!

     

     

     

    매일 수백개의 자소서를 읽는 인사담당자가 보면 바로 티나겠지?!

    아직은 챗GPT는 멀었다고 생각하고... 전문가, 컨설턴트를 찾아본다. 자소서를 첨삭받고 지인에게 자조서 보여주고,..,

    자소서 강의를 보고... 어?

    이제 자소서를 더 잘 생성할 수 있겠는걸?!

    +

    자소서 생성 프롬프트를 구조화하였다
    공식 AI 문서를 찾아보며 프롬프트를 체계화, 응답을 구조화하는 법을 익히고 적용했다. 답변이 균일하게 나오기 시작..!

    여기서 부족한 부분은 자소서 전문가와 협의해 좀 더 체계적인 첨삭을 받을 수 있게 했다.

     

     

     

     

     

     

     

    AI 다루기 어려운 점

    글자수가 늘기는 했는데 ChatGPT는 당연한 소리만 하고 있어요.

    다른 사람이 이걸 보고 설득이 될까? 싶을 거에요.

    왜 그럴까요?

    1. 좋은 자소서 보는 눈이 없다.당연히 생성할 수도 없어요. 현재 AI가 개발자를 대체하기 힘든 이유도 마찬가지입니다. 작동하는 , 좋은 코드를 보는 눈이 없어요. 실력이 없으면 그저 몇 시간이고 안되는 코드로 문답을 반복할 뿐입니다.
    2. 여러번 생성할 수록 점점 이상해집니다.
    3. AI는 불합격 자소서도 학습했습니다.
    4. 합격자소서의 논리흐름이 있다. 인사담당자가 자소서 항목에서 원하는 것이 정해져있기 때문이다.
    5. AI를 잘 못 쓴다. 많이 사용해보지 않았다. 많은 노력과 경험이 필요한 부분이다.

    취업을 준비하면서 ChatGPT, Claude, Gemini 돌아가면서 써보고 느낀 점입니다. 글 쓰는 것을 별로 좋아하지 않았다. 써 본 적도 별로 없다.

     

     

     

     

     

     

     

    자소서 항목에 맞게 프롬프트를 특화해서 쓰면 좋다.

     

    자소서에만 특화를 할 수 있으면 집중해서 자소서 생성만 집중하면 충분히 양질의 자소서를 생성할 수 있지 않을까라는 생각에서 시작됐다.

    프롬프트의 주안점이 자소서 항목에 맞게,

    인사담당자를 설득할 수 있는 논리.

    Star, prep등. 왜냐하면 사람들의 자소서에 들어갈 경험들이 그렇게까지 특별하고 다를 수는 없다. 어느정도 비슷한 영역이다. 마케터라면 관련 공모전이나 이런걸 준비했겠고 개발자라면 토이 프로젝트를 해봤을 것이다. 이런 자소서의 재료가 한국사회에서 크게 다르지 않다.

    그럼 이 자소서로 합격할 수 있냐? 정말 열심히 쓰고 첨삭받고 심지어 대필을 해도 쉽지는 않다. 그래서 쉽지는 않을 것이지만. 자소서 제출이 하루 남았다면? 자소서를 쓸 줄 모른다면? 내 경험만 자세히 넣으면 내 자소서의 강점을 강조해주고 약점을 가려줄 수 있겠다. 많은 사람들이 도움 받을 수 있겠다.

     

     

     

     

     

     

     

     

     

    프롬프트 구조화 방법

    간단하게 소개하자면

     

    페르소나

    나는 누구인가 상확극의 등장인물은 누구인가. 나는 대기업에 취직을 준비하고 있는 대학생이다. 혹은 이직을 준비중인 직장인이지. 이직을 준비중인 직장인이 더 좋겠다. 뭔가 더 직장인 시각이기 때문에 일반 대학생과는 조금 다른 그런 것들이 나올 수 있겠다.

    자기소개서를 작성 중인 이직러. 자소서를 개선해서 써야한다.

     

     

     

    해야할 사항

    star 기법에 맞춰서 작성

    성취를 강조하고 본인의 기여한 바를 크게 늘려.

    스스로 했다고 생각한 이유를 강조.

    질문에 맞게 상황을 재정의

     

     

    제한 사항

    최대한 짧게 작성,

    얼마나 힘들었는지는 작성하지 말고.

     

     

     

     

     

     

     

    개발 요구사항

    ChatGPT api를 사용하는 1페이지 짜리 웹 서비스를 만들어보자. 간단해보이지만 간단하지않는...
    필요조건으로

    1. 로그인
    2. 사용자 입력 -> ChatGPT api 응답

    로그인은 오,남용을 방지하기 위해 필요하다. 한 사람이 너무 많이 쓰면 서버 비용이 부담되기 때문에!
    충분히 쓸만큼 예) 하루 10번 정도 제한해두면 되겠다.

    사용자 입력과 자소서 생성 프롬프트를 합쳐서 결과를 가져오자
    세팅은 프론트 FLutter, 백 Firebase (auth, gemini, hosting),

    이 글을 보시는 분들게 꿀팁! Gemini 를 사용하면 아주 쉽습니다. 연결하기가 거의 자동!!

     

     

     

     

     

    개발

    Flutter web웹은 로딩 시 한글이 깨져보이는 오류가 있다. 고질병인거같다. 아직 방법을 찾지 못했다.

     

     

     

     

     

    따라서 이미지를 리스트로 가져와야겠다.
    랜딩페이지를 전부 이미지로 만들어서 listview로 이미지로 뿌린다.
    이미지 밑에 필요한 자소서 질문, 자소서 내용 입력칸을 만들고
    자소서 질문 카테고리(지원동기, 직무경험, 성과, 문제해결, 의사소통 등)에 따라 프롬프트가 달라지기 때문에 상태관리를 하였다.

     

     

     

    상태관리는 Provider로 하였다.

     

     

     

     


    로그인 -> 로그인시 생성하기 버튼을 만든다.

     

     

     

     


    돌아다니다 본 자소서 예시를 넣어봤다.

    생성 시 mark down으로 생성되기 때문에 Mark down 라이브러리를 활용하였고

     

     

     

     


    flutter web은 글씨 복사가 불편하기 떄문에 한번에 복사할 수 있는 버튼을 만들었다.

     

     

     

     

     

     flutter build web && firebase deploy --only hosting      

    이 한줄이면 바로 배포할수있다. 엄청나다~!!!!

     

     

     

     

    하루만에 출시하기까지 아직은 멀었따. 한 한달 걸린듯... 다음 것을 만드는 것은 하루만에도 가능하지 않을까?!

     

     

     

     

     

     

     

    한번 구경해보세요.

    서합부터 | 제일 잘 되는 자소서 첨삭 AI

    http://resume1st.sweetgom.com