목록으로
생활 속 AI 활용
AI로 감사일기 달력 앱을 만들어 매일 작성하고 있다.
AI를 활용하여 저의 자기개발 습관을 기르기 위해 감사일기 달력을 만들었습니다.
🤖 활용 AI 도구
ChatGPT, Gogle Gemini
① 어떤 상황에서 AI를 활용했나요?
평소 긍정적인 사고방식을 기르고 하루를 의미 있게 마무리하기 위해 '감사일기 쓰기'라는 자기개발 습관을 지니고 싶었습니다. 하지만 매번 노트를 펼쳐 글을 쓰거나 기존의 무거운 일기 앱을 사용하는 것은 번거로웠고, 작심삼일에 그치기 일쑤였습니다. '내가 원하는 기능만 담긴 직관적인 달력 형태의 감사일기 앱이 있으면 좋겠다'는 생각이 들었지만, 직접 코딩을 전문적으로 학습하여 앱을 만들기에는 시간과 기술적 장벽이 컸습니다. 이에 아이디어를 빠르게 프로토타입으로 구현하고 실사용 가능한 결과물을 얻기 위해 생성형 AI의 도움을 받기로 했습니다.
② 어떤 AI를 어떻게 활용했나요?
대화형 AI인 Gemini를 파트너로 삼아 단계별로 협업을 진행했습니다. 처음에는 단순한 텍스트 입력 중심의 일기장 코드를 요청했으나, 개발 과정에서 '달력 인터페이스를 통해 직관적으로 기록 현황을 보고 싶다'는 아이디어가 떠올라 추가 요구사항을 제시했습니다. AI에게 구체적으로 "HTML/CSS/JavaScript를 활용해 한 페이지 안에서 작동하는 달력 앱을 만들어줘. 달력 날짜를 클릭하면 그날의 일기를 작성하거나 확인할 수 있어야 하고, 일기를 쓴 날은 달력에 특정 아이콘이 표시되어 시각적으로 확인할 수 있게 해줘"라고 프롬프트를 작성했습니다. AI는 이에 맞춰 로컬 스토리지(LocalStorage)를 활용해 별도의 서버 구축 없이도 브라우저에 데이터가 저장되는 최적의 프론트엔드 코드를 즉시 생성해 주었습니다.
③ 활용 결과 어떤 변화가 있었나요?
코딩 지식이 깊지 않음에도 불구하고, 단 몇 번의 대화와 피드백 주고받기만으로 실제로 작동하는 '나만의 감사 달력 웹 앱'을 완성할 수 있었습니다. 달력에서 일기를 작성한 날마다 꽃 모양 아이콘이 채워지는 모습을 시각적으로 확인하니 일종의 퀘스트를 깨는 듯한 성취감이 생겼습니다. 결과적으로 중도에 포기하던 과거와 달리, 매일 빼놓지 않고 감사한 일을 기록하는 지속 가능한 자기개발 습관을 형성하게 되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
AI가 기본적으로 제공한 코드 뼈대에 안주하지 않고, 실사용자 입장에서 세부적인 디테일을 개선했습니다. 예를 들어, 날짜별로 일기를 정렬할 때 사람이 인지하기 가장 편한 한국식 날짜 표현 포맷으로 스크립트를 조율했고, 모바일 환경에서도 화면이 깨지지 않고 쾌적하게 쓸 수 있도록 반응형 레이아웃(CSS flex/grid 및 해상도 최적화)을 적극적으로 반영해달라고 AI에게 재요청하여 퀄리티를 높였습니다. 향후에는 그날의 감정을 대변하는 감정 이모티콘 통계 기능이나 사진 첨부 기능까지 확장해 볼 계획입니다.
⑤ 다른 사람도 따라 할 수 있나요?
코딩을 전혀 모르는 비전공자나 초보자도 100% 쉽게 따라 할 수 있습니다. 복잡한 개발 환경 설치나 서버 연동 없이, AI가 생성해 준 코드를 메모장에 붙여넣고 index.html이라는 이름으로 저장만 하면 나만의 앱이 완성되기 때문입니다. 개발에 대한 두려움이 있는 사람이라도 생성형 AI에게 "달력 기능이 있는 일기장을 만들고 싶어"라고 말 한마디만 건네면 자신만의 맞춤형 자기개발 도구를 가질 수 있음을 보여주는 가장 직관적인 사례라고 확신합니다.
평소 긍정적인 사고방식을 기르고 하루를 의미 있게 마무리하기 위해 '감사일기 쓰기'라는 자기개발 습관을 지니고 싶었습니다. 하지만 매번 노트를 펼쳐 글을 쓰거나 기존의 무거운 일기 앱을 사용하는 것은 번거로웠고, 작심삼일에 그치기 일쑤였습니다. '내가 원하는 기능만 담긴 직관적인 달력 형태의 감사일기 앱이 있으면 좋겠다'는 생각이 들었지만, 직접 코딩을 전문적으로 학습하여 앱을 만들기에는 시간과 기술적 장벽이 컸습니다. 이에 아이디어를 빠르게 프로토타입으로 구현하고 실사용 가능한 결과물을 얻기 위해 생성형 AI의 도움을 받기로 했습니다.
② 어떤 AI를 어떻게 활용했나요?
대화형 AI인 Gemini를 파트너로 삼아 단계별로 협업을 진행했습니다. 처음에는 단순한 텍스트 입력 중심의 일기장 코드를 요청했으나, 개발 과정에서 '달력 인터페이스를 통해 직관적으로 기록 현황을 보고 싶다'는 아이디어가 떠올라 추가 요구사항을 제시했습니다. AI에게 구체적으로 "HTML/CSS/JavaScript를 활용해 한 페이지 안에서 작동하는 달력 앱을 만들어줘. 달력 날짜를 클릭하면 그날의 일기를 작성하거나 확인할 수 있어야 하고, 일기를 쓴 날은 달력에 특정 아이콘이 표시되어 시각적으로 확인할 수 있게 해줘"라고 프롬프트를 작성했습니다. AI는 이에 맞춰 로컬 스토리지(LocalStorage)를 활용해 별도의 서버 구축 없이도 브라우저에 데이터가 저장되는 최적의 프론트엔드 코드를 즉시 생성해 주었습니다.
③ 활용 결과 어떤 변화가 있었나요?
코딩 지식이 깊지 않음에도 불구하고, 단 몇 번의 대화와 피드백 주고받기만으로 실제로 작동하는 '나만의 감사 달력 웹 앱'을 완성할 수 있었습니다. 달력에서 일기를 작성한 날마다 꽃 모양 아이콘이 채워지는 모습을 시각적으로 확인하니 일종의 퀘스트를 깨는 듯한 성취감이 생겼습니다. 결과적으로 중도에 포기하던 과거와 달리, 매일 빼놓지 않고 감사한 일을 기록하는 지속 가능한 자기개발 습관을 형성하게 되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
AI가 기본적으로 제공한 코드 뼈대에 안주하지 않고, 실사용자 입장에서 세부적인 디테일을 개선했습니다. 예를 들어, 날짜별로 일기를 정렬할 때 사람이 인지하기 가장 편한 한국식 날짜 표현 포맷으로 스크립트를 조율했고, 모바일 환경에서도 화면이 깨지지 않고 쾌적하게 쓸 수 있도록 반응형 레이아웃(CSS flex/grid 및 해상도 최적화)을 적극적으로 반영해달라고 AI에게 재요청하여 퀄리티를 높였습니다. 향후에는 그날의 감정을 대변하는 감정 이모티콘 통계 기능이나 사진 첨부 기능까지 확장해 볼 계획입니다.
⑤ 다른 사람도 따라 할 수 있나요?
코딩을 전혀 모르는 비전공자나 초보자도 100% 쉽게 따라 할 수 있습니다. 복잡한 개발 환경 설치나 서버 연동 없이, AI가 생성해 준 코드를 메모장에 붙여넣고 index.html이라는 이름으로 저장만 하면 나만의 앱이 완성되기 때문입니다. 개발에 대한 두려움이 있는 사람이라도 생성형 AI에게 "달력 기능이 있는 일기장을 만들고 싶어"라고 말 한마디만 건네면 자신만의 맞춤형 자기개발 도구를 가질 수 있음을 보여주는 가장 직관적인 사례라고 확신합니다.
📎 첨부파일 (1)
📄 스크린샷 2026-06-01 220932.png