복잡한 인생을 위한 치트키, '인생 치트키' 프로젝트 제작기 (Next.js 14)
안녕하세요! 평소 우리가 일상에서 마주하는 복잡한 계산과 난처한 선택의 순간들을 어떻게 하면 더 쉽고 재미있게 해결할 수 있을까 고민하다가, 직접 **'인생 치트키(Life Cheat Key)'**라는 웹 서비스를 만들게 되었습니다.
🎯 '인생 치트키'란?
"복잡한 인생, 클릭 몇 번으로 쉽게 풀자"라는 슬로건 아래, 금융 계산부터 AI 기반의 문장 생성까지 다양한 도구를 한데 모은 체류형 유틸리티 포털입니다.
✨ 주요 기능 소개
1. 🏦 대출 이자 계산기
원리금균등 vs 만기일시 상환 방식을 한눈에 비교할 수 있습니다.
단순한 숫자 나열이 아니라, 원금과 이자의 비율을 비주얼 차트로 보여줍니다.
가장 재미있는 점은 절약한 이자를 **'치킨 마리 수'**로 환산해서 보여준다는 것입니다! (1마리 = 20,000원 기준)
2. 🤖 AI 작가 (OpenAI 연동)
거절 멘트 생성기: 돈 빌려달라는 부탁이나 회식 참여 등 곤란한 상황에서 정중하게 거절하는 문장을 만들어줍니다.
핑계/사과문 생성기: 약속 취소나 지각 등 난처한 상황별 맞춤 멘트를 AI가 대신 써드립니다.
3. 💰 머니 & 시뮬레이션
연봉 실수령액 계산, 내 연봉으로 집 사기 시뮬레이션, 창업 순수익 계산기 등 실전 금융 도구들이 준비되어 있습니다.
🎨 힙하고 강렬한 '네오 브루탈리즘' 디자인
MZ세대를 타겟으로 하여, 일반적인 웹사이트와는 다른 독특한 시각적 경험을 제공하고 싶었습니다.
굵은 검은 테두리와 강렬한 원색 팔레트를 사용했습니다.
투박한 그림자(Shadow-brutal) 효과를 주어 마치 게임이나 팝아트 같은 느낌을 구현했습니다.
🛠 기술 스택
개발자로서 성능과 확장성을 모두 잡기 위해 다음과 같은 기술들을 사용했습니다.
Framework: Next.js 14 (App Router)
Language: TypeScript
Styling: Tailwind CSS
State Management: Zustand
AI: OpenAI API
🚀 마치며
정성 들여 만든 '인생 치트키'가 여러분의 복잡한 고민을 조금이나마 덜어드릴 수 있기를 바랍니다. 앞으로 블로그를 통해 각 기능의 자세한 활용법과 개발 비하인드 스토리를 공유할 예정이니 많은 관심 부탁드립니다!
댓글
댓글 쓰기