Who Are You

배경

Who Are You는 사용자가 촬영한 사진을 AI 스타일로 변환해 개인화 명함이나 인생네컷 결과물을 만드는 체험형 웹 서비스입니다. 행사 부스에서 관람객이 짧은 시간 안에 직접 참여하고 결과물을 손에 들고 갈 수 있는 체험을 만들고자 했습니다. 2025 광주 AI·SW 체험축전, AI EXPO 2025 국제인공지능대전, 광주 직업교육 박람회 등 3개 행사 부스에서 운영했고, 관람객 2,000명 이상이 체험했습니다. 2025 광주소프트웨어마이스터고등학교 DEV FEST에서 AI 명함 서비스를 선보여 우수상(2위)을 받았습니다.

맡은 일

프론트엔드에서 v1(2024년 10월–2025년 8월)의 명함 편집·사진 변환 흐름을 개선했고, v2(2025년 10월–12월)에서는 단계형 체험 흐름, 테마 선택·인쇄, 사진 재선택과 재변환 기능을 구현했습니다. 두 버전에서 PR 29개(v1 14개 · v2 15개)를 머지했습니다. 행사 부스 운영진으로도 참여해 서비스를 현장에서 직접 운영했습니다.

한 일

사진 선택과 재변환 흐름 구현

• 문제: AI 변환 결과 중 원하는 이미지를 고르거나 사진을 바꿔 다시 변환하는 조작이 필요했습니다.
• 해결: v1에 변환 이력 선택 모달을 만들고, 변환 여부를 고르기 전에도 사진을 확대해 볼 수 있도록 했습니다. v2에서는 사진 재선택·재변환 흐름과 관련 UI를 다시 구현했습니다. v1 #44, v1 #49, v2 #18
• 결과: 사진과 변환 결과를 확인하고 다시 선택하는 작업 흐름을 제공했습니다.

단계형 체험과 인쇄 가능한 테마 구성

• 문제: 명함과 인생네컷을 만들고 출력하는 과정을 일관된 화면 흐름과 테마로 제공해야 했습니다.
• 해결: v2의 단계 이동·공통 레이아웃을 만들고, 명함 및 인생네컷 테마 선택 화면과 인쇄 기능을 구성했습니다. v2 #2, v2 #3, v2 #15, v2 #21
• 결과: 인쇄용지 방향·크기에 맞춘 명함 및 네컷 테마를 선택할 수 있게 했습니다.

변경분만 처리하도록 AI 변환 최적화

• 문제: 프롬프트나 이미지 일부만 바뀌어도 전체 이미지를 다시 변환했습니다.
• 해결: 이전 프롬프트와 이미지 URL 상태를 추적하고, 변경된 항목만 선택적으로 변환하도록 했습니다. v2 #31
• 결과: 변경되지 않은 이미지까지 다시 변환하는 처리를 줄였습니다.

트러블슈팅

변환이 끝나기 전에 다음 단계로 넘어가 결과 사진이 비는 문제

• 상황: 변환을 선택한 뒤 작업이 진행 중일 때 다음 단계로 이동하면 명함 미리보기에 사진이 나타나지 않았습니다.
• 원인: 변환 완료 전에 다음 단계로 넘어갈 수 있었습니다.
• 해결: 변환 중에는 다음 버튼을 비활성화하고, 변환하기 전에는 미리보기가 노출되지 않도록 조정했습니다. v1 #33