연말이 다가오면서 소셜 미디어에서 연례 보고서 경쟁이 다시 시작되었습니다. 다양한 플랫폼들이 디자인, 상호작용, 데이터 등을 선보이며 피드를 장악하기 위해 치열한 경쟁을 벌이고 있습니다.
ChatGPT도 연례 평가를 시작했지만, 여러 가지 제한 사항으로 인해 모든 사용자가 이용할 수 있는 것은 아닙니다. 일부 사용자는 하루 종일 기다렸지만 여전히 연례 평가를 받지 못했습니다.
솔직히 말해서, AI는 이미 너무나 유용한데, 왜 우리가 직접 만들 수 없을까요 ? 특히 올해는 AI 도구에 대한 연구가 대량 하게 진행되고 있잖아요.
뜻밖에도 이 작은 아이디어는 AI 스튜디오에서 이틀간의 집중 프로젝트로 이어졌고, 그 과정에서 저는 두 가지 버전을 완성했습니다. 하나는 정적인 요소와 간단한 상호작용을 기반으로 한 "전통적인 버전"이었습니다.
다른 하나는 역동적인 효과를 특징으로 하고, 무한대로 확대/축소가 가능하며, 3D 입자와 상호 작용 기능을 결합한 "스킬 버전" 입니다.
제가 예상하지 못했던 것은 이번 경험을 통해 AI와의 협업 및 지원에 대한 제 기존 이해가 완전히 바뀌었다는 점입니다. 마법 같은 해결책은 없으며, 진정한 마법의 무기는 단 하나뿐이라는 것을 깨달았습니다.
자신의 역량을 기반으로 한 "연말 결산"을 작성해 보세요.
시작하기 전에 가장 자주 사용하는 AI 챗봇을 준비하세요. 매일 거의 대화를 나누는 챗봇이어야 합니다. 데이터가 부족하면 흥미로운 요약을 만들 수 없을 뿐만 아니라 존재하지 않는 데이터를 사용해야 하는 상황에 처할 수도 있습니다.
저는 ChatGPT를 사용하고 있으므로 새 창을 열고 다음 프롬프트를 입력하겠습니다.
올해 진행된 대화를 바탕으로 "양, 주제, 시간, 정서, 사용 습관, 성격 특성"이라는 네 가지 차원에서 데이터 기반 요약을 작성해 주십시오. 시뮬레이션 데이터와 ASCII 차트도 포함해 주시기 바랍니다. 아래 구조를 엄격히 준수해 주십시오.
【1. 연간 개요】
올해 GPT와의 총 상호작용 횟수
전송된 총 문자 수 + 수신된 총 문자 수
가장 빈번한 상호 작용 시간
가장 긴 연속 대화 시간
2. 상호작용 유형 분포 (원형 차트)
ASCII 다이어그램을 사용하여 설명해 주세요:
감정적, 토론적, 창의적, 학습적, 역할극적, 기타
【3. 가장 자주 사용되는 주제 10가지】
콘텐츠는 순위표 형태로 제공되며, 각 주제에 대한 해설이 함께 제시됩니다.
4. 나의 연간 정서 변화 추이 (선 그래프)
대화 중 내 정서 곡선에 대한 시뮬레이션 분석
5. 사용자 행동 프로필(레이더 차트)
레이더 차트 크기는 다음과 같습니다.
호기심, 의존성, 분석의 깊이, 자기표현 욕구, 정서 민감성, 자기분석 빈도
【6. 사용 기간 및 빈도 (막대 그래프)】
막대 그래프는 제가 연중 GPT 데이터를 찾을 때 가장 자주 사용하는 시간대(이른 아침, 아침, 오후, 저녁, 늦은 밤)를 보여줍니다.
【7. 나의 상호작용 습관 태그】
"앱 연간 프로필"과 유사한 태그를 연중 패턴을 기반으로 6~10개 생성해 주세요. 또한, 연간 성과 배지 6개를 디자인하고 이름을 지정해 주세요.
[8. AI 관점에서 본 나의 시각 (데이터 + 내러티브)]
연간 패턴을 바탕으로 데이터 비유를 사용하여 글을 쓰세요:
"나는 어떤 사람일까? 내 영혼은 어떤 모습일까? 왜 나는 이런 식으로 평가받아야 할까?"
[9. 한 문장으로 한 해를 요약해 주세요]
전반적인 스타일 요구 사항:
이 디자인은 ASCII 차트를 사용하여 데이터 시각화와 연례 보고서를 결합합니다. 시각화 자료는 명확하고 매력적이며 읽기 쉬워야 하며, 텍스트는 진부한 표현을 피하고 기술적이고 몰입감 있으며 서술적인 방식으로 작성되어야 합니다.
이것들은 다음 단계를 위한 기본 자료입니다. 위에서 언급한 프롬프트 명령을 실행하면 GPT는 일반 텍스트만 출력하고 그래프는 빠르게 그려집니다.
따라서, 추가적인 조판 작업을 위해 Gemini/AI Studio로 옮겨야 합니다.
AI Studio는 여전히 가장 추천할 만한 곳입니다. 선택할 수 있는 모델이 더 많고 직관적인 상호작용 방식을 제공한다는 점 외에도, 나중에 설명할 더 중요한 이유가 있습니다.
연말 결산에서 데이터는 그저 자료일 뿐이며, 레이아웃이 훨씬 더 중요합니다. 이러한 레이아웃은 놀라울 정도로 정교해졌고, AI 데이터베이스에 완벽하게 통합되어 몇 줄의 기본적인 입력만으로도 구현할 수 있습니다.
연말 결산을 요약하는 인터랙티브 H5 페이지 제작을 도와주세요. 요약 텍스트는 아래에 제공됩니다. 요구 사항: 1. 로컬에서 접근 가능한 HTML 웹페이지로 인터랙티브하게 제작해야 합니다. 2. 텍스트를 섹션별로 나누고, 필요한 경우 차트를 추가해야 합니다. 3. 레이아웃 요구 사항: 텍스트에는 세리프 글꼴을 사용하고, 배경색은 조정 가능합니다. 요약 텍스트는 다음과 같습니다. (텍스트를 복사하여 붙여넣으세요)
많은 사람들이 AI가 생성한 시각화 차트가 싸구려처럼 보인다고 불평합니다. 효과가 나쁜 것은 아니지만 훌륭하지도 않은데, 이는 기본적인 프롬프트 방식의 한계입니다. 따라서 보고서를 작성할 때 "웅장한"이나 "정교한"과 같은 모호한 형용사는 아예 사용하지 않습니다. AI는 이런 표현을 이해하지 못합니다. AI는 단지 매개변수를 정확하게 실행할 뿐이며, 단계별로 나누어 설명하는 것이 훨씬 효과적입니다.
예를 들어, 심오하고 우아한 시각적 효과를 구현하기 위해 요구 사항을 구체적인 설명으로 나누었습니다. 배경은 짙은 보라색과 어두운 회색 블록의 그라데이션이며, 혼합 효과는 무작위로 변합니다. "웅장한"이나 "고급스러운"과 같이 AI가 이해할 수 없는 공허한 설명이 아니라 구체적인 색상과 모양을 사용했습니다.
마찬가지로, 차트를 세밀하게 조정할 때는 가능한 한 구체적으로 설명해야 합니다. 레이더 차트는 반투명하고 서리가 내린 듯한 유리와 같은 질감을 가져야 합니다.
상호작용 기능을 추가할 때는 원하는 효과를 구체적으로 설명하세요. 예를 들어, "올해의 10대 테마"를 10칸 격자 형태로 배열하고, 각 칸을 클릭하면 뒤집히도록 하며, 텍스트는 항상 가운데 정렬되도록 하는 것과 같이 최대한 자세하게 설명할 수 있습니다.
이 조정 과정은 본질적으로 사용자의 미적 감각을 활용하여 AI의 실행 효율성을 저해하는 것입니다. 그런데 제미니의 미적 감각은 제가 상상했던 것보다 훨씬 뛰어납니다. 예를 들어, 더 많은 색상 옵션을 요청했을 때 제시된 세 가지 색상 구성표는 모두 상당히 좋았습니다.
숨겨진 무기: "되돌리기"
전통적인 연말 결산 보고서 작성은 디자이너와 협업하여 색상을 바꾸고 레이아웃을 수정하는 것과 비슷합니다. 하지만 "역량 기반 연말 결산 보고서"는 엔지니어와의 협업을 의미합니다.
GPT에서 제공한 텍스트 요약을 검토한 후, 가장 먼저 떠오른 생각은 이를 온라인에서 유행하는 크리스마스 트리 트렌드와 결합하는 것이었습니다.
이미지 제공: Xiaohongshu 사용자 @黑波
하지만 비교해 보니 연말 결산의 챕터와 번호가 너무 정형화되어 있어서 크리스마스 트리 형태로 표현하기에는 적합하지 않다는 것을 알게 되었습니다. 그래서 크리스마스 트리 디자인 아이디어를 참고하되, 본문을 좀 더 명확하게 구조화된 눈송이 모양으로 변경했습니다. 아이디어는 다음과 같습니다.
React 19, TypeScript, Three.js(R3F)에 능숙한 3D 크리에이티브 개발 전문가를 찾습니다. 과제 목표: "크리스마스 눈송이"라는 고품질 3D 웹 애플리케이션을 개발합니다. 시각적 스타일은 반짝이는 금색 바탕에 녹색 소나무 잎으로 장식하고 영화 같은 빛 효과를 더하는 것이 특징입니다. 기술 스택: React 19, TypeScript, React Three Fiber, Drei, Postprocessing, Tailwind CSS
눈송이 결정 구조는 핵심 사항을 더욱 명확하게 보여주어 연말 요약 섹션을 다양하게 배치할 수 있도록 합니다. 클릭하면 밤하늘에 흩어진 입자와 루비가 모여 눈송이 모양을 이루는데 , 이는 한 해를 구성하는 중요한 사건, 습관, 통계와 같습니다.
그러고 나서 길고, 길고, 길고... 길고... 긴 수정 과정이 시작되었습니다.
제 생각에는 각 루비 코드는 내용의 일부를 캡슐화하므로 전체 요약 텍스트를 한 번에 입력하면 제대로 작동하지 않을 것 같습니다 . 이는 많은 사람들이 프롬프트를 작성할 때 흔히 저지르는 실수이기도 한데, 모든 요구 사항을 한꺼번에 입력하여 AI가 생성한 코드가 실행은 되지만 여러 가지 사소한 문제가 발생하는 결과를 초래합니다. 반면에 더 복잡한 상호 작용은 아예 실행되지 않을 확률이 높아집니다.
제안 하나 드리겠습니다. 먼저 기본 구조를 정한 다음 세부 사항을 조정하세요 . 예를 들어 눈송이 애니메이션의 경우, 저는 세 단계로 나누었습니다.
1단계: 먼저, 눈송이의 3D 모양을 그려보세요. 모양이 제대로 그려지면 다운로드하세요. 다운로드 버튼은 여기에서 찾을 수 있습니다.
2단계: 회전 및 루비 노드를 추가합니다. 콘텐츠를 서둘러 추가하지 말고, 몇몇 노드의 모양을 루비 모양으로 변경하기만 하면 됩니다.
3단계: 그제서야 확대/축소 로직을 구체화합니다. 예를 들어 확대 시 효과나 뒤로 가기 버튼 추가 여부 등을 결정합니다.
각 단계에서 예상한 결과가 나오면 불필요한 변경은 하지 마십시오. 효과가 없고, 제미니가 디버깅을 해도 작동하지 않으면 그때 무기를 활성화하십시오.
이 프로젝트를 진행하면서 제가 발견한 가장 중요한 것은 바로 롤백입니다. 새로운 요구사항을 충족할 때, 일부 코드를 "다시 생성"해야 하는 경우가 불가피하게 발생하는데, 이 때문에 이전에는 문제가 없었던 코드라도 변경 후에는 새로운 버그가 나타날 수 있습니다.
기능이 복잡해지고 요구 사항이 많아질수록 AI는 오류를 범하기 쉬워집니다. 결과적으로 결함 있는 코드를 수정할수록 더 많은 버그가 나타납니다. 마치 "호박 하나를 누르면 다른 호박이 떠오르는" 것과 같은 이 악순환이 가장 좌절감을 안겨주는 단계입니다.
그러므로 가장 효율적인 방법은 AI가 새로운 기능(예: 색상 변경)을 추가하기 위해 이전에 조정했던 상호 작용 로직을 "삭제"했을 때, 대화 상자에서 "원래대로 되돌리라"고 고집하지 않는 것입니다. 가장 빠른 방법은 이전 버전으로 되돌린 다음 새 명령을 입력하는 것입니다. 명심하세요, 당신은 지휘관이고 AI는 실행자입니다. AI가 제멋대로 행동하고 있으니, 당신이 AI를 올바른 방향으로 되돌려야 합니다.
이는 특히 코드를 전혀 작성하지 않은 사용자에게 매우 중요합니다. 긴 코드를 거의 보지 않고 미리보기만 확인하는 일반 사용자에게는 이것이 가장 간단하고 직접적인 "핵심 원칙"입니다. 즉, 어떤 코드 줄이 잘못되었는지 걱정하지 말고 롤백하면 된다는 것입니다.
이 프로젝트를 진행하는 동안, 제 프로젝트 전체가 한 번 다운되는 사태가 발생했습니다. 제가 "루비 재질을 최적화해서 더 투명하게 보이도록 하세요"라고 제안했는데, 코드 미리보기에서는 Gemini가 실행 중인 것으로 나타났지만, 미리보기 페이지로 돌아가 보니 아무런 변화도 없었습니다.
실행해 보니 재질은 크게 변하지 않았고, 확대/축소 기능도 비활성화되어 있었다. 재질 코드를 수정하는 과정에서 AI는 내가 오후 내내 공들여 다듬었던 클릭 상호작용을 교묘하게 지워버렸다. 이런 상황에서는 대화창에 항의해 봤자 소용없고, 확대/축소 기능을 고쳐달라고 하면 오히려 프로그램이 멈춰버릴 가능성이 높다. AI는 사과하는 척하면서 더 심각한 버그를 수정해 버린다.
그 문제에 얽매이지 말고, 원클릭 복원 기능을 사용하여 "텍스처는 보기 흉하지만 상호 작용은 정상적인" 버전으로 되돌리세요. 이렇게 미리 보기 효과를 유지하는 방식이 고급 설정보다 훨씬 효과적입니다.
하지만 롤백은 이전 버전으로만 적용되며, 이전 버전은 지원되지 않는다는 점에 유의해야 합니다. Ctrl+Z처럼 "한 단계 뒤로 돌아가는 것"이라고 생각하시면 됩니다.
나중에는 아이디어가 고갈되어서 다행히도 제미니에게 디자인 작업 일부를 독립적으로 맡겼습니다. 전체적인 시각 디자인이 이미 확정된 상태였기 때문에 제미니의 성능은 실제로 꽤 좋았습니다. 예를 들어, 연간 업적 배지인 "발할라"는 제미니가 전적으로 디자인했습니다.
마우스 커서를 특정 업적 위에 올렸을 때 업적 이름을 표시하는 아이디어 또한 제미니의 작품입니다. 또 다른 통계 자료에서는 자체적으로 심장 박동 그래프를 그려 보여주기도 했습니다.
마지막 젬 에는 "한 문장"의 요약이 담겨 있었습니다. 제미니는 이 마지막 젬 다른 루비들과 구별하기 위해 흰색 원뿔 모양의 결정으로 변경했습니다.
연말 결산을 작성하면서 가장 많이 받은 질문은 "프롬프트란 무엇인가요?"였습니다.
인공지능이 널리 사용됨에 따라 사람들이 본능적으로 묻는 질문이 된 것은 당연한 일입니다. 하지만 솔직히 말해서, 즉시 효과를 발휘하는 마법 같은 해결책은 없습니다 .
모든 사람의 2025년은 저마다 다르고, 모두가 인공지능이 기록해주길 바라는 전환점, 성취, 정서 제각각입니다. 당신은 선물로 가득한 크리스마스트리를 좋아할 수도 있고, 저는 별이 빛나는 밤하늘에 눈송이가 흩날리는 모습을 더 좋아할 수도 있습니다. 사람마다 미적 취향은 다르고, 인공지능의 가장 큰 매력은 제 보고서를 그대로 따라 하게 해주는 데 있는 것이 아닙니다.
오히려 인공지능의 가장 큰 의미는 '생각'과 '실행' 사이의 간극을 처음으로 메웠다는 점입니다. 이전에는 코딩이나 디자인 기술 부족으로 인해 획일적인 틀에 갇힌 결과물만 얻을 수밖에 없었지만, 이제는 시간을 투자하여 머릿속에 구체적인 이미지를 설명할 의지만 있다면 인공지능이 당신만의 세계를 현실로 만들어낼 수 있도록 도와줄 것입니다.
주어진 조건은 정해져 있지만, 당신의 기억력과 미적 감각에는 따뜻함이 묻어납니다. 굳이 공식으로 요약하자면, 약간의 상상력 + 수십 번의 인내심 있는 되감기 + 평범한 결과에 절대 만족하지 않는 미적 감각이라고 할 수 있겠네요.
"만능 해결책"을 찾는 건 이제 그만! 새해에는 AI와 대화를 시도해 보고, AI의 부족함은 무시하며, 자신의 직감을 믿으세요. 매년 끊임없이 이어지는 자기 갱신과 도전처럼, 한 해를 가장 잘 요약하는 방법은 바로 끊임없이 새롭게 시작하는 과정이라는 것을 깨닫게 될 겁니다.
이 글은 위챗 공식 계정 "APPSO" 에서 Discover Tomorrow's Products가 작성하고 36Kr의 허가를 받아 게시한 글입니다.
