next.js, gemini AI를 이용한 한국인 캐릭터 생성기 - 0

글 쓰는 게 좀 늦었습니다.

일이 좀 바쁜 것도 있었고, 최근엔 react와 next.js를 공부한다고 마땅한 글거리를 못 찾아서 그런 것도 있는데요.

이대로 있다간 공부에 별 성취도 없을 것 같고, 재미도 없을 것 같아서 간단한 사이드 프로젝트나 만들자 생각했습니다.

하지만 일엔 지장이 가지 않아야 하고, 또 너무 어려우면 안 할 거 같아서 적당한 난이도의 프로젝트를 고심했습니다.

 

그렇게 해서 생각한 게 바로 한국인 캐릭터 생성기.

특별한 건 아니고 성별과 갯수를 넣으면, 그 성별에 맞는 캐릭터를 개수만큼 생성해 주는 사이트입니다.

대충 메인사이트에 성별과 개수를 누르고 생성을 누르면.

이런 결과가 나오구요. carousel로 넘길 수 있게 구성했습니다.

 

간단하죠? 이런 걸 누가 쓰냐 싶겠지만, 일단 저는 쓰고요.

소설이나 웹툰 구성을 하는 사람 중 캐릭터로 고심하는 사람이 생각보다 많더라고요.

제가 찾아봐도 이름 생성기는 존재하지만 캐릭터 생성기는 없어서, 한 번 만들어봐야겠다 생각했습니다.

캐릭터를 만드는 건 ai에게 맡깁니다. 원래는 ai를 이용해서 이름까지 도출하려고 했지만, gemini를 이용하면 한글 이름이 너무 이상해 직접 라이브러리를 이용해서 이름을 만들고 array를 ai에게 맡기는 형식으로 구성했습니다.

 

대략적인 스펙은 아래와 같습니다.

 

언어 : Typescript

프레임워크: next.js 

라이브러리 : shad/cn, tailwindcss, react(개인적으로 요즘엔 그냥 프레임워크라 생각합니다), korean-name-generator

AI : gemini (1.5-flesh)

호스팅: vercel(edge function)

 

허접하죠? 그래도 이번 프로젝트로 next.js 구조도 알았고, 프롬프트 작성법도 알았으니 구성 치곤 꽤나 알차게 얻어간 것 같습니다.

 AI는 제미나이가 무료라서 썼지만, 더 나은 퀄리티를 원한다면 claude,  chatGPT를 추천합니다.

db는 굳이 필요 없어서 안 쓰는데, 만약 쓴다면 supabase 쓸 것 같습니다.

 

간단한 프로젝트라 개발 과정을 남긴다기 보단, 하면서 만드는 후기 정도로만 남길 것 같습니다.

잘 부탁드립니다.