회고용으로 작성하는 블로그글!
중간에 퇴사한 회사 프리일좀 도와주느라 정신없어서, 방향 잃고 좀 방황헀는데
정신차려보니까 엠생도 이런 엠생이 없어서 다시 정신차림! (ESTJ 특 쉬면 지루함)
AI가 말아주는 milestones
# 지금 서비스 올린지 3주정도 지났음(서비스 오픈x)
- User, Admin 페이지 구성했고, AI도 붙여놨음
# 인프라
Service 는 MS Azure로 했고, storage는 MS blob으로 했음
(왜 ms 임? 스파크랩 엑셀러레이팅 신청했는데, azure 지원해준다고해서 그냥 azure로함-연락주세요...)
- 언어는 Next.js, react로 구성했음
- Github에 배포하면 자동으로 azure에 배포됨
- ORM은 Prisma
- DB는 Neon postgre (Neon은 Serverless Postgres service임-무료임)
# AI
- 전반적으로는 Cluade 사용함(max, opus)
- 이미지 생성 AI는 Fal.ai를 사용하는데 여기서 모델을 선택할 수 있음(모델 학습 있던 것 같은데 못찾겠음)
> 처음에는 flux 1모델을 썼는데 퀄리티가 별로였음
> Flux-2-Pro도 있고 그 안에 text 2 image, image 2 image 로 할 수 있는 세부 모델들이 있음
※ Fal.ai를 선택한 이유? => 금액 저렴해야함, API 지원 가능, 이미지 생성 특화 모델이어야했음
※ 왜 flux로 하느냐? => 제일 저렴함(중요), nano-bna도 선택할 수 있는데 비쌈(flux는 $0.03인데 nano-bna는 $0.08임)
# Issue. 사용자한테 입력받아서 이미지 생성 AI한테 넘기니까 문제가 좀 있음
- 한글 지원 안됨( fal.ai가 API로 사용할때는 한글 안받아줌, Web에서 Playground 할 때는 됨)
- 퀄리티가 너무 떨어짐, 원하는 프레임 구성이 안나옴
# 그래서 저는 문제를 해결하고자! Prompt 노예를 늘렸습니다!
- Claude console에서 따로 API를 요청해서 사용할 수 있음
1. 한글 지원
- 클로드한테 한글 번역하라고 시킴 API로 한글 번역해서 return함
이런식으로 한글 번역하는 애를 따로 만들었음 그리고 규칙도 따로 설정함
2-1. 이미지 퀄리티 문제
- 1차 시도는 관리자가 기본 프롬트를 수정할 수 있도록 하는 방향으로 진행했음(AI 도입 이전)
유저 프롬트 입력 창이 있으니 AI 한테는
예)이미지를 생성해야하는데 $1(옵션 1)을 기반으로 $2(내용)을 바탕으로 $3(추가옵션)을 반영해서 생성하고 $4(사진)을 참조해서 4개이상의 값을 줘!(좀 더 상세하게 쓰긴했음 ㅎㅎ..)
라고 하니까 퀄리티가 똥임
- 모델 자체가 가지고있는 데이터가 적을뿐더러, 매번 유저가 요청하는 프롬트가 명확하지 않음
- 그래서 얘도 AI 시켰음
프롬1번 노예가 한글로 넘겨주면, 얘가 그걸 가공해서 쫙 풀어줌
2-2. 이미지 합성
- 원래는 AI로 이미지를 생성하려고 했는데, 학습 데이터가 부족한건지 프롬트 2노예로 돌려도 안나오길래
- 그냥 mockup으로 합성하는게 제일 깔끔하겠다 싶었음
- 근데 mockup 이미지를 어디서 구하냐!
> AI로 만들었음 (Claude.ai/design)
와이어프래임 짤라고 챗지랑 제미니만 써봤는데, 클로드 디자인이 html코드로도 떨궈줘서 쓰기 제일 좋았음(지금보니 이것도 반영 작업해야되네)
근데 얘도 좀 멍청해서, 제미니한테 이미지 생성에 필요한 상세한 정보를 md로 넘겨달라해서 던졌는데, 좀 못알아들음...
그래서 일단 대충 맛 만나는 이미지를 쓰기로함...(이미지 생성 AI 추천좀..)
3. 프롬프트 검수 진행
여기서 통과되면 최종적으로 이미지 생성 진행!
프롬트4는 이미지 품질 검증도 할 예정
----
#잔여 업무
- 이미지 합성 기능(MVP) 도 붙여야하고, 사진 업로드도 붙여야함
- azure가 DB 읽어오는 속도가 너무 느림.... 구조적인 문제일 것 같음... 나중에 리팩토링을 하던, 스케일업을 하던해야지...
- 관리자 페이지 리팩토링