널푸공간

📄[개발 일지 #4]: 백스토리 대격변 및 공유 UX 최적화

안녕하세요! 널푸입니다!단순한 MBTI 테스트를 넘어, 한 명의 '림'을 생성하는 마지막 작업!4일차는 데이터의 깊이와 사용자 경험을 완성하는 것입니다. 겉핥기식 질문에서 벗어나 림월드 위키를 파고들며 정확한 백스토리 시스템을 이식했고, 공유 과정에서의 사소한 불편함을 제거하는 데 집중했습니다.1. 림월드 정통 백스토리 DB 구축 (40종)단순한 결과 텍스트가 아닌, 실제 게임 데이터 구조를 본뜬 백스토리 시스템을 구축했습니다.데이터 규모: 아동기 15종, 성인기 25종 (총 40종)지원 카테고리: 부족, 제국, 번화계, 중세, 해적, 외지인 등 7개 스폰 그룹.정교한 메타데이터:스킬 보정: 각 백스토리별 능력치 보너스/패널티(skillBonuses)작업 결격: 특정 작업 수행 불가 설정(workDisa..

테스트 결과가 아무리 정확해도, 다른 사람에게 보여줄 수 없다면 그저 낭비일 뿐이죠.3일차 개발은 테스트의 꽃인 바이럴(Viral) 요소 구현에 집중했습니다. 단순히 링크를 던지는 것을 넘어, 링크를 마주하는 순간 클릭을 자극하는 동적 OG 이미지와 다국어 시스템을 구축한 과정을 공유합니다!1. 동적 미리보기 이미지 (Dynamic Open Graph)카톡방에 링크를 올렸는데 공용 로고만 덩그러니 있으면 재미없겠죠? 사용자의 결과값에 따라 실시간으로 생성되는 썸네일을 구현했습니다. 이미지는 결과값의 "이름"과 "MBTI"를 비추며, '림월드'를 모르는 사람들에게도 흥미를 심어 주도록 만들었습니다. 결과 확인하기 창을 통해 더 상세한 특성까지 볼 수 있죠!기술 스택: Next.js ImageResponse..

귀여운 3D 캐릭터 '도로롱'을 웹사이트에 띄우고, 아스키 아트(ASCII Art) 효과를 적용해 레트로 감성을 더하는 아주 미니미니한 프로젝트를 진행했습니다.📌 프로젝트 개요 : 그저 "도로롱" 주요 기술 스택: React, Three.js, vite배포 환경: GitHub Pages핵심 구현: 3D 모델 렌더링, 쉐이더 기반 배경 제거, AsciiEffect 커스텀 튜닝Antigravity 기반 바이브 코딩 1. 🖼️ 원본 이미지 퀄리티 확보 (feat. 제미나이 활용 AI 업스케일링)3D의 판에 2D캐릭터를 띄울 때 가장 먼저 봉착한 문제는 원본 이미지의 낮은 해상도였습니다. 해상도가 낮으면 3D로 돌리거나 확대 했을 때 깨져 보였고, 특히 색감이 미적으로 아름답지 못한 치명적인 문제가 있었습니..

(1일차 개발일지) 📄 [개발 일지 #1] 림월드 기반 '변방계 정착민 테스트', 기획부터 수익화까지 (Next.js & Antigravity안녕하세요! 게임을 즐겨하고, 만들고 있는 널푸입니다. 오늘은 테스트 사이트를 기획 및 제작해봤습니다! 림월드의 특징인 복잡한 정착민의 특성과 MBTI 테스트의 요소를 결합한 변방계 정착민ratkin.org 안녕하세요! 정신없이 2일차 개발을 마치고 개발 일지를 쓰고있는 널푸입니다! 1일차에 안티그래비티(바이브코딩 툴)를 통해 Next.js로 뼈대를 올리고 기본 구조를 잡았다면,오늘은 드디어 '진짜 림월드스러운' 리얼리티를 불어넣는 작업에 몰두했습니다. AI의 힘을 빌리고 있긴 하지만, 너무 인공지능에 의존한다면 단순 MBTI 테스트에 림월드 스킨을 씌운 일차원..