복잡한 인생을 위한 치트키, '인생 치트키' 프로젝트 제작기 (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 Mana...