[퍼스널 스티커북 사업 스토리 12편] 얼굴 합성 Sharp.js로 선회하기

소개

클로드와 함께 사업 실행을 해보는 이야기입니다.

419프로젝트입니다.

(4업으로 1달러 벌어보기 시작해서 9달러까지 벌어보기)

진행 방법

1.방향 전환하기

오늘 고객에게 사진을 받아서 합성을 해보는데,

결과물이 영 맘에 들지가 않습니다.

.

일단 아내에게 받은 피드백이

합성을 하면 원래 아기의 느낌이 전혀 안난다고 합니다.

.

처음에는 프롬프트를 손봐서 티가 안나게 해보려고 했는데,

이건 통제가 불가능할 뿐더러,

점점 API도 많이 먹고

프롬프트가 복잡해질 수록 오류도 점점 늘었습니다.

.

.

아무리 생각해도 근본적으로 구조적인 문제때문에 해결이 안된다고 판단했습니다.

.

그래서 제발~~ 문제를 고치라고 프롬프트를 넣으니 ㅋㅋㅋㅋ

.

클로드가 sharp라이브러리를 추천해줍니다.

(아니 이럴거면 빨리 알려주던가)

.

바이브 코딩을 여러번 해보면서 느끼는 건데,

이런 용어들을 잘 알고 있으면 시간을 많이 아낄 수 있는 것 같습니다.

.

2.SHARP 라이브러리 적용하기

아무튼 이제 sharp 라이브러리로 변환을 시도합니다.

.

하는 김에

1.gpt-image-1랑 sharp 둘 다 사용할 수 있게 해줘 (관리에 gpt-image-1 얼굴합성, sharp 얼굴합성 이렇게 두개  매뉴 만들어주고, 결과도 각기다른 폴더에 저장되게)
2.미리보기 업데이트 안해도 바로 바뀔때마다 업데이트되게 해줘
3.위치조절 수치 숫자로 내가 입력할 수있게 해줘

라고 해서 기왕 만든 gpt 합성 기능은 유지시킵니다.

.

그 결과물은

이렇습니다.

.

이제 실사를 그냥 붙여넣을 수 있습니다.

.

그리고!!!

무려 API 돈도 안든다고 합니다!!!

.

아내도 이걸 보더니,

그래 이렇게 아기 얼굴이 그대로 들어가야지.

라는 피드백을 줍니다.

.

아내님 최고

.

3.대시보드 고도화하기

마침 클로드 토큰이 다 되었기 때문에

GPT로 더 대화하면서 PRD나 만들어 두기로 합니다.

.

필요한거들을 티키타키하면서 정리했고,

MD파일로 PRD를 만들어 둡니다.

.

클로드 한도가 풀렸을 때, 이 MD파일과 GPT 대화내용을 줍니다.

.

.

그리고 SHARP.JS를 반영해달라고 합니다.

근데 ㅋㅋ 갑자기 클릭이 안되는 오류가 발생합니다.

심지어 사용한도도 꽉 찼습니다.

.

빡쳐서 그냥 코덱스로 갈아탑니다.

.

코덱스를 켜고 기존 경로를 지정해줍니다.

.

그리고는 고쳐달라고 합니다.

.

몇번 헤매더니 잘 고쳐줍니다.

.

코덱스로 왓으니 이제 GIT커밋 푸쉬도 피할수 없기 때문에

PRIVATE으로 킷 커밋 푸쉬도 해줍니다.

.

하는 김에

마우스 드래그 드랍으로도 이미지 고칠 수 있게 해줍니다.

.

결과물입니다.

.

.

AI 추천값 버튼으로 일차적으로 얼굴을 조정해서 배치를 해줍니다.

그거를 제가 검수하면서 디테일을 다듬기로 했습니다.

.

mvp에서는 적절한 것 같습니다.

.

이제 51개의 커스터마이징 스티커 디자인을 완성시킨 후에

.

스티커 어플에 올려서 뽑으면 될 것 같습니다.

.

결과와 배운점

돌고 돌아 sharp.js로 왔네요.

뭔가 문제 해결할게 생기고 해결에 집중하면서 하나씩 만들어가는게 너무 재밌습니다.

.

이제 다음 할거는 커스터마이징 해서 뽑고,

내일 고객에게 보여주는 겁니다.