목록으로
생활 속 AI 활용
코딩을 몰라도 괜찮아! AI와 함께 만든 나만의 일정관리 웹앱
학업과 아르바이트, 기타 할까지 복잡한 일정을 한 곳에서 관리하고 싶었습니다.
🤖 활용 AI 도구
ChatGPT
① 어떤 상황에서 AI를 활용했나요?
저는 대학 생활과 함께 과외, 온라인 아르바이트 등 여러 활동을 병행하고 있습니다.
매일 관리해야 할 일정과 할 일이 많아 기존 일정관리 앱을 사용했지만 사용할수록 아쉬운 점이 생겼습니다.
일반적인 할 일 관리뿐 아니라 반복 일정, 세부 체크리스트, 과외 수업 시간 및 정산 기록, 개인 활동 통계 등 제 생활에 필요한 기능을 하나의 앱에서 사용하고 싶었습니다.
하지만 기존 앱에는 원하는 기능이 없거나, 일부 기능을 사용하기 위해선 추가 비용을 지불해야 했습니다.
무엇보다 제가 원하는 방식으로 세부적인 동작을 바꾸기 어렵다는 점이 아쉬웠습니다.
그러던 중 한 가지 생각이 들었습니다.
"내가 원하는 앱이 없다면, AI와 함께 직접 만들어 보면 어떨까?"
전문적인 웹 개발 경험은 부족했지만 ChatGPT와 Sites를 활용하면 제가 원하는 기능을 직접 구현해 볼 수 있을 것 같았습니다.
그렇게 나만의 일정관리 웹앱을 만드는 프로젝트를 시작했습니다.
② 어떤 AI를 어떻게 활용했나요?
제가 활용한 AI는 OpenAI의 ChatGPT입니다.
저는 개발 과정에서 AI와 역할을 분담했습니다.
- 저의 역할: 필요한 기능 기획, 화면 구성 결정, 요구사항 전달, 실제 사용 및 테스트, 오류 발견, 개선 방향 제시
- ChatGPT의 역할: 코드 작성, 기능 구현, 오류 원인 분석, 코드 수정 및 개선안 제안
가장 큰 특징은 제가 직접 코드를 작성하지 않고 일상적인 언어로 원하는 기능을 설명하며 개발을 진행했다는 것입니다.
예를 들어 할 일마다 세부 체크리스트를 추가하고 모든 세부 항목을 완료하면 상위 할 일도 자동으로 완료되도록 요청했습니다.
또한 세부 체크리스트의 펼침 상태를 유지하거나, 드래그하여 순서를 변경할 수 있도록 하는 등 구체적인 사용 방식까지 AI에 전달했습니다.
물론 AI가 작성한 코드가 처음부터 완벽했던 것은 아닙니다.
실제로 세부 체크리스트의 순서를 변경할 때 한쪽 방향으로는 이동되지만 반대 방향으로는 이동되지 않는 문제가 발생하기도 했습니다.
또한 화면을 이동한 뒤 체크리스트의 펼침 상태가 유지되지 않는 등 직접 사용하면서 발견한 불편함도 있었습니다.
이러한 문제가 발생하면 단순히 "고쳐 줘"라고 요청하는 대신, 어떤 상황에서 문제가 발생했는지, 현재는 어떻게 작동하는지, 제가 원하는 동작은 무엇인지를 구체적으로 설명하려고 했습니다.
이후 AI가 수정한 코드를 다시 적용하고, 직접 사용하면서 문제가 해결되었는지 확인했습니다.
새로운 문제가 발견되면 다시 AI와 대화하며 개선을 반복했습니다.
이처럼 기능 기획 → AI를 통한 코드 구현 → 직접 테스트 → 문제 발견 → AI를 통한 수정 및 재검증이라는 과정을 통해 웹앱을 점차 발전시켰습니다.
③ 활용 결과 어떤 변화가 있었나요?
AI와의 협업을 통해 제 생활 방식에 맞춘 일정관리 웹앱을 만들 수 있었습니다.
웹앱에는 다음과 같은 기능을 구현했습니다.
- 일정관리: 월간·주간·일간 보기, 핵심 할 일 표시, 일정 이동 및 미루기
- 체크리스트: 세부 할 일 관리, 완료 현황 표시, 순서 변경
- 반복 일정: 주기적으로 수행해야 하는 할 일을 반복 등록하고 관리
- 과외 관리: 수업 일정 및 시간 기록, 정산 내역 확인
- 개인 통계: 활동 및 완료 기록을 바탕으로 월별 현황 확인
- 사용자 맞춤 설정: 카테고리 관리, 화면 구성, 표시 방식 등 개인화
- 모바일 활용: 아이폰 홈 화면에 웹앱 추가, 위젯을 통한 할 일 확인
특히 저는 아이폰을 사용하고 있는데, 제작한 웹앱을 홈 화면에 추가하여 일반적인 앱처럼 바로 실행할 수 있도록 했습니다. 매번 브라우저를 열어 주소를 입력할 필요 없이 홈 화면에서 간편하게 접근할 수 있으며, 위젯을 통해 오늘의 할 일도 빠르게 확인할 수 있습니다.
덕분에 PC뿐 아니라 이동 중에도 스마트폰으로 일정을 확인하고 관리할 수 있어 실제 생활에서의 활용도가 높아졌습니다.
이외에도 온라인 답변 업무를 효율적으로 관리하기 위한 개인 맞춤형 기능을 구현하여 실제로 활용하고 있습니다. 다만 해당 기능에는 업무상 비공개 정보가 포함될 수 있어, 계약상 비밀유지 의무를 고려하여 공모전 제출 자료와 시연 화면에서는 제외하고 구체적인 운영 방식도 공개하지 않기로 했습니다.
이렇게 여러 기능을 하나의 웹앱에 통합하면서, 기존에는 별도로 기록하거나 관리해야 했던 내용을 한곳에서 확인할 수 있게 되었습니다.
무엇보다 가장 큰 변화는 기존 앱에 제 생활을 맞추는 것이 아니라, 제 생활에 맞춰 앱을 바꿀 수 있게 되었다는 점입니다.
사용하다가 새로운 기능이 필요해지면 AI와 함께 추가하고, 불편한 부분이 발견되면 직접 개선할 수 있습니다. 일회성으로 만들어 끝나는 프로그램이 아니라, 실제로 사용하면서 계속 발전시킬 수 있는 개인 맞춤형 도구가 생긴 것입니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
제가 AI를 활용한 방식의 가장 큰 특징은 AI에게 개발을 맡기되, 무엇을 만들고 어떤 결과가 필요한지는 제가 직접 결정했다는 점입니다.
단순히 "일정관리 앱을 만들어 줘"라는 한 번의 요청으로 끝내지 않았습니다.
실제로 사용하면서 필요한 기능을 세분화했고, 버튼의 위치나 동작 방식, 화면의 표시 순서, 모바일 환경에서의 사용 편의성 등 작은 부분까지 직접 결정했습니다.
특히 PC에서뿐 아니라 아이폰에서도 편리하게 사용할 수 있도록 화면 구성을 개선하고, 홈 화면과 위젯을 활용해 일상에서 쉽게 접근할 수 있도록 했습니다. 단순히 기능을 구현하는 데 그치지 않고, 실제 사용하는 환경까지 고려하며 개선했다는 점에서 의미가 있었습니다.
개발 과정에서 중요하게 생각한 것은 AI가 제시한 결과를 그대로 받아들이지 않는 것이었습니다.
AI가 구현한 기능이 정상적으로 작동하는지, 실제 사용하기에 편리한지, 기존 기능에 영향을 주지는 않는지를 확인했습니다. 문제가 발생하면 다시 AI와 소통하며 수정 방향을 구체화했습니다.
이 과정에서 원하는 결과를 얻기 위해서는 AI에 모든 것을 맡기는 것보다, 사용자가 자신의 요구사항을 정확하게 정의하고 결과를 검증하는 능력이 중요하다는 사실을 알게 되었습니다.
또한 업무와 관련된 기능을 개발하더라도 개인정보나 비공개 정보가 외부에 노출되지 않도록 주의해야 한다는 점을 고려했습니다. AI 활용 결과물을 외부에 공개할 때는 실제 기능의 구현 여부뿐 아니라 공개 가능한 정보의 범위도 확인할 필요가 있다고 생각합니다.
결국 코드를 작성하는 것은 AI였지만, 기획하고 판단하고 검증하는 것은 저의 역할이었습니다.
⑤ 다른 사람도 따라 할 수 있나요?
물론입니다. 전문적인 개발자가 아니더라도 AI를 활용해 자신에게 필요한 간단한 프로그램부터 만들어 볼 수 있습니다.
제가 추천하는 방법은 다음과 같습니다.
1. 문제 발견: 일상에서 불편함을 느끼거나 기존 앱에서 부족하다고 생각한 기능을 찾아봅니다.
2. 요구사항 정리: 어떤 기능이 필요하고 어떻게 작동해야 하는지 구체적으로 생각해 봅니다.
3. AI를 통한 구현: ChatGPT에 요구사항을 자연어로 설명하고 코드를 작성하도록 요청합니다.
4. 직접 테스트: 실제로 프로그램을 실행하면서 의도한 대로 작동하는지 확인합니다.
5. 반복적인 개선: 오류나 불편함을 구체적으로 설명하고 AI와 함께 수정합니다.
처음부터 복잡한 웹앱을 만들 필요는 없습니다. 간단한 체크리스트나 일정표부터 시작해 점차 원하는 기능을 추가해 나갈 수 있습니다.
다만 AI가 작성한 코드에도 오류나 보안상 문제가 있을 수 있으므로, 실제 사용 전 충분한 검증이 필요합니다. 특히 개인정보나 업무 관련 비공개 정보를 다룬다면 외부 공개 및 데이터 처리에 더욱 주의해야 합니다.
이번 경험을 통해 가장 크게 느낀 점은 AI가 단순히 정보를 알려주는 도구를 넘어, 머릿속에만 있던 아이디어를 실제 결과물로 구현하도록 도와주는 협업 도구가 될 수 있다는 것입니다.
예전에는 원하는 프로그램이 없으면 비슷한 앱을 찾거나 불편함을 감수해야 했습니다. 하지만 이제는 AI와 대화하며 직접 해결책을 만들어 볼 수 있게 되었습니다.
"코딩을 몰라도 괜찮아!"
제가 만든 웹앱은 이 문장을 실제 경험으로 보여주는 사례라고 생각합니다.
앞으로도 AI와 함께 필요한 기능을 개선하며 저만의 도구를 발전시켜 나가고 싶습니다.
저는 대학 생활과 함께 과외, 온라인 아르바이트 등 여러 활동을 병행하고 있습니다.
매일 관리해야 할 일정과 할 일이 많아 기존 일정관리 앱을 사용했지만 사용할수록 아쉬운 점이 생겼습니다.
일반적인 할 일 관리뿐 아니라 반복 일정, 세부 체크리스트, 과외 수업 시간 및 정산 기록, 개인 활동 통계 등 제 생활에 필요한 기능을 하나의 앱에서 사용하고 싶었습니다.
하지만 기존 앱에는 원하는 기능이 없거나, 일부 기능을 사용하기 위해선 추가 비용을 지불해야 했습니다.
무엇보다 제가 원하는 방식으로 세부적인 동작을 바꾸기 어렵다는 점이 아쉬웠습니다.
그러던 중 한 가지 생각이 들었습니다.
"내가 원하는 앱이 없다면, AI와 함께 직접 만들어 보면 어떨까?"
전문적인 웹 개발 경험은 부족했지만 ChatGPT와 Sites를 활용하면 제가 원하는 기능을 직접 구현해 볼 수 있을 것 같았습니다.
그렇게 나만의 일정관리 웹앱을 만드는 프로젝트를 시작했습니다.
② 어떤 AI를 어떻게 활용했나요?
제가 활용한 AI는 OpenAI의 ChatGPT입니다.
저는 개발 과정에서 AI와 역할을 분담했습니다.
- 저의 역할: 필요한 기능 기획, 화면 구성 결정, 요구사항 전달, 실제 사용 및 테스트, 오류 발견, 개선 방향 제시
- ChatGPT의 역할: 코드 작성, 기능 구현, 오류 원인 분석, 코드 수정 및 개선안 제안
가장 큰 특징은 제가 직접 코드를 작성하지 않고 일상적인 언어로 원하는 기능을 설명하며 개발을 진행했다는 것입니다.
예를 들어 할 일마다 세부 체크리스트를 추가하고 모든 세부 항목을 완료하면 상위 할 일도 자동으로 완료되도록 요청했습니다.
또한 세부 체크리스트의 펼침 상태를 유지하거나, 드래그하여 순서를 변경할 수 있도록 하는 등 구체적인 사용 방식까지 AI에 전달했습니다.
물론 AI가 작성한 코드가 처음부터 완벽했던 것은 아닙니다.
실제로 세부 체크리스트의 순서를 변경할 때 한쪽 방향으로는 이동되지만 반대 방향으로는 이동되지 않는 문제가 발생하기도 했습니다.
또한 화면을 이동한 뒤 체크리스트의 펼침 상태가 유지되지 않는 등 직접 사용하면서 발견한 불편함도 있었습니다.
이러한 문제가 발생하면 단순히 "고쳐 줘"라고 요청하는 대신, 어떤 상황에서 문제가 발생했는지, 현재는 어떻게 작동하는지, 제가 원하는 동작은 무엇인지를 구체적으로 설명하려고 했습니다.
이후 AI가 수정한 코드를 다시 적용하고, 직접 사용하면서 문제가 해결되었는지 확인했습니다.
새로운 문제가 발견되면 다시 AI와 대화하며 개선을 반복했습니다.
이처럼 기능 기획 → AI를 통한 코드 구현 → 직접 테스트 → 문제 발견 → AI를 통한 수정 및 재검증이라는 과정을 통해 웹앱을 점차 발전시켰습니다.
③ 활용 결과 어떤 변화가 있었나요?
AI와의 협업을 통해 제 생활 방식에 맞춘 일정관리 웹앱을 만들 수 있었습니다.
웹앱에는 다음과 같은 기능을 구현했습니다.
- 일정관리: 월간·주간·일간 보기, 핵심 할 일 표시, 일정 이동 및 미루기
- 체크리스트: 세부 할 일 관리, 완료 현황 표시, 순서 변경
- 반복 일정: 주기적으로 수행해야 하는 할 일을 반복 등록하고 관리
- 과외 관리: 수업 일정 및 시간 기록, 정산 내역 확인
- 개인 통계: 활동 및 완료 기록을 바탕으로 월별 현황 확인
- 사용자 맞춤 설정: 카테고리 관리, 화면 구성, 표시 방식 등 개인화
- 모바일 활용: 아이폰 홈 화면에 웹앱 추가, 위젯을 통한 할 일 확인
특히 저는 아이폰을 사용하고 있는데, 제작한 웹앱을 홈 화면에 추가하여 일반적인 앱처럼 바로 실행할 수 있도록 했습니다. 매번 브라우저를 열어 주소를 입력할 필요 없이 홈 화면에서 간편하게 접근할 수 있으며, 위젯을 통해 오늘의 할 일도 빠르게 확인할 수 있습니다.
덕분에 PC뿐 아니라 이동 중에도 스마트폰으로 일정을 확인하고 관리할 수 있어 실제 생활에서의 활용도가 높아졌습니다.
이외에도 온라인 답변 업무를 효율적으로 관리하기 위한 개인 맞춤형 기능을 구현하여 실제로 활용하고 있습니다. 다만 해당 기능에는 업무상 비공개 정보가 포함될 수 있어, 계약상 비밀유지 의무를 고려하여 공모전 제출 자료와 시연 화면에서는 제외하고 구체적인 운영 방식도 공개하지 않기로 했습니다.
이렇게 여러 기능을 하나의 웹앱에 통합하면서, 기존에는 별도로 기록하거나 관리해야 했던 내용을 한곳에서 확인할 수 있게 되었습니다.
무엇보다 가장 큰 변화는 기존 앱에 제 생활을 맞추는 것이 아니라, 제 생활에 맞춰 앱을 바꿀 수 있게 되었다는 점입니다.
사용하다가 새로운 기능이 필요해지면 AI와 함께 추가하고, 불편한 부분이 발견되면 직접 개선할 수 있습니다. 일회성으로 만들어 끝나는 프로그램이 아니라, 실제로 사용하면서 계속 발전시킬 수 있는 개인 맞춤형 도구가 생긴 것입니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
제가 AI를 활용한 방식의 가장 큰 특징은 AI에게 개발을 맡기되, 무엇을 만들고 어떤 결과가 필요한지는 제가 직접 결정했다는 점입니다.
단순히 "일정관리 앱을 만들어 줘"라는 한 번의 요청으로 끝내지 않았습니다.
실제로 사용하면서 필요한 기능을 세분화했고, 버튼의 위치나 동작 방식, 화면의 표시 순서, 모바일 환경에서의 사용 편의성 등 작은 부분까지 직접 결정했습니다.
특히 PC에서뿐 아니라 아이폰에서도 편리하게 사용할 수 있도록 화면 구성을 개선하고, 홈 화면과 위젯을 활용해 일상에서 쉽게 접근할 수 있도록 했습니다. 단순히 기능을 구현하는 데 그치지 않고, 실제 사용하는 환경까지 고려하며 개선했다는 점에서 의미가 있었습니다.
개발 과정에서 중요하게 생각한 것은 AI가 제시한 결과를 그대로 받아들이지 않는 것이었습니다.
AI가 구현한 기능이 정상적으로 작동하는지, 실제 사용하기에 편리한지, 기존 기능에 영향을 주지는 않는지를 확인했습니다. 문제가 발생하면 다시 AI와 소통하며 수정 방향을 구체화했습니다.
이 과정에서 원하는 결과를 얻기 위해서는 AI에 모든 것을 맡기는 것보다, 사용자가 자신의 요구사항을 정확하게 정의하고 결과를 검증하는 능력이 중요하다는 사실을 알게 되었습니다.
또한 업무와 관련된 기능을 개발하더라도 개인정보나 비공개 정보가 외부에 노출되지 않도록 주의해야 한다는 점을 고려했습니다. AI 활용 결과물을 외부에 공개할 때는 실제 기능의 구현 여부뿐 아니라 공개 가능한 정보의 범위도 확인할 필요가 있다고 생각합니다.
결국 코드를 작성하는 것은 AI였지만, 기획하고 판단하고 검증하는 것은 저의 역할이었습니다.
⑤ 다른 사람도 따라 할 수 있나요?
물론입니다. 전문적인 개발자가 아니더라도 AI를 활용해 자신에게 필요한 간단한 프로그램부터 만들어 볼 수 있습니다.
제가 추천하는 방법은 다음과 같습니다.
1. 문제 발견: 일상에서 불편함을 느끼거나 기존 앱에서 부족하다고 생각한 기능을 찾아봅니다.
2. 요구사항 정리: 어떤 기능이 필요하고 어떻게 작동해야 하는지 구체적으로 생각해 봅니다.
3. AI를 통한 구현: ChatGPT에 요구사항을 자연어로 설명하고 코드를 작성하도록 요청합니다.
4. 직접 테스트: 실제로 프로그램을 실행하면서 의도한 대로 작동하는지 확인합니다.
5. 반복적인 개선: 오류나 불편함을 구체적으로 설명하고 AI와 함께 수정합니다.
처음부터 복잡한 웹앱을 만들 필요는 없습니다. 간단한 체크리스트나 일정표부터 시작해 점차 원하는 기능을 추가해 나갈 수 있습니다.
다만 AI가 작성한 코드에도 오류나 보안상 문제가 있을 수 있으므로, 실제 사용 전 충분한 검증이 필요합니다. 특히 개인정보나 업무 관련 비공개 정보를 다룬다면 외부 공개 및 데이터 처리에 더욱 주의해야 합니다.
이번 경험을 통해 가장 크게 느낀 점은 AI가 단순히 정보를 알려주는 도구를 넘어, 머릿속에만 있던 아이디어를 실제 결과물로 구현하도록 도와주는 협업 도구가 될 수 있다는 것입니다.
예전에는 원하는 프로그램이 없으면 비슷한 앱을 찾거나 불편함을 감수해야 했습니다. 하지만 이제는 AI와 대화하며 직접 해결책을 만들어 볼 수 있게 되었습니다.
"코딩을 몰라도 괜찮아!"
제가 만든 웹앱은 이 문장을 실제 경험으로 보여주는 사례라고 생각합니다.
앞으로도 AI와 함께 필요한 기능을 개선하며 저만의 도구를 발전시켜 나가고 싶습니다.
📎 첨부파일 (1)
📄 AI 활용 공모전_활용 사진.pdf