소개
몸을 치료하는 것만으로 사람은 온전히 치유될 수 없다는 것을 경험했습니다.
20대 후반부터 알 수 없는 이유로 인한 만성 요통으로 고생을 했습니다.
틈이 날 때마다 치료를 받았지만 스트레스 받는 상황이 오면 다시 요통이 심해졌습니다.
그러던 중 두 권의 책을 접했습니다.
“삶으로 다시 떠오르기”와 “놓아버림”이었습니다.
첫번째 책이 현재에 온전히 존재하는 법을 알려주었다면,
두번째 책은 현재에 머무르는 것을 방해하는 요소들을 집착 없이 놓아버리는 법을 가르쳐주었습니다.
이 두 책을 여러번 읽으며 현재의 순간에 존재하는 법을 알게 되었고,
감정의 동요가 생길 때마다 현존하는 의식으로 옮겨가 그 감정을 관찰하려고 노력했습니다.
이러한 습관이 지속됨에 따라 일상에서 마주하는 사소한 일들에 의해
얼마나 많은 에고가 반사적으로 생각하고, 움직임에 반영되는지 점차 알아갔습니다.
그렇게 서서히 마음이 쉽게 흔들리지 않고 고요해지면서 스트레스 상황에서도 요통이 줄었습니다.
이 경험을 바탕으로 현존하는 습관은 바른 자세 못지 않게 심신질환으로 고통받는 사람들에게 좋은 치료가 되지 않을까 하는 생각이 들었습니다.
이러한 일련의 과정을 글이라는 한계를 넘어 앱을 활용해 감정을 눈으로 시각화하고, 그 감정을 손으로 놓는 동작을 통해 더 쉽고 빠르게 알아차림을 체화시켜 불행이 찾아오더라도 외부로부터 상처받지 않고 현재에 머무르며 평화를 느끼는 방법을 고민했습니다.
앞으로 4주간 개발하고자하는 알아차림 앱 "Zen[젠]"은 순식간에 나를 둘러싼 고통에서 벗어나 현재의 상태에 머물 수 있도록 하는 도구입니다.
구상
본 앱은 두 가지 기능을 가지고 있습니다.
알아차림 - 감정 알아차리기
놓아버림 - 감정 놓아버리기
순식간에 일어나는 감정을 알아차리기 위해 시도한 방법 중에 효과적이었던 방법은 인터넷 탭의 창들처럼 마음 안에도 창을 두어 감정이 올라올 때 다른 창을 클릭하면 넘어가듯 마음 속에서 Alt+Tab을 눌러 새 창으로 옮겨가는 것이었습니다. 그러면 빠르게 그 감정에 거리를 둘 수 있었습니다.
이러한 아이디어를 바탕으로 앱 속 화면을 시각화해보고자 했습니다.
무엇때문에 감정이 동요하고 있나요?
그 감정을 알아차리세요
불행 사이에 생긴 작은 공간을 느껴보세요
그리고 그 공간 안에서 감정을 바라보세요
어떤 감정이 느껴지나요?
그 감정을 놓아버릴 수 있나요?
화면을 클릭해 감정을 놓아버리세요.
알아차리는 것만으로 제 전부를 잡아먹을 것 같은 고통이 조금은 가벼워짐을 느낄 수 있을 것입니다.
여기서 더 나아가 감정의 동요를 놓아버림을 통해 감정을 내가 온 마음으로 느낄 것인지, 조금 떨어져서 그 감정을 관찰하며 그 감정 속에 놓일 것인지, 손에서 공이 떨어지듯이 감정을 떨어뜨리고 감정 밖에 있을 것인지 선택할 수 있도록 합니다. 선택지가 존재한다는 것을 인식하는 것만으로도 많은 경우 감정으로부터 오는 불행에서 가벼워짐을 느낄 수 있을 것입니다.
진행 방법
앱 UI를 ppt로 우선 만들어보았습니다.
위의 화면 사진 6장을 클로드에 업로드 한 후 프롬프트를 다음과 같이 적었습니다.
'''
다음과 같이 핸드폰 앱에 표시될 화면을 구성해봤어. 총 7개의 화면이 화면을 클릭하면 순차적으로 진행되는 구조야. 업로드한 그림에도 적혀있듯이 각 화면에 표시된 문구는 다음과 같아. 1. 무엇때문에 감정이 동요하고 있나요? 2. 그 감정을 알아차리세요. 3. 감정과 나 사이에 생긴 작은 공간을 느껴보세요. 4. 알아차리는 것만으로 고통이 조금은 가벼워짐을 느낄 수 있을 것입니다. 5. 그 감정을 놓아버릴 수 있나요? 6. 화면을 넘겨 감정을 놓아버려보세요. (이 화면에서만 화면을 쓸어넘기는 동작을 통해 7번 페이지로 넘어간다)
앱 개발은 플러터로 하고 있어. 다음과 같은 인터페이스와 동작을 가능하게 하는 코드를 작성해줘.
'''
그랬더니 아래의 답변과 함께 코드를 받았고 코드를 플러터에 복붙하니 아래의 화면이 만들어졌습니다.
주요 기능과 구현사항을 설명드리겠습니다:
화면 구성
PageView.builder를 사용하여 7개의 화면을 구현
각 페이지는 중앙에 그라데이션 원형 배경과 하단에 방사형 패턴을 포함
텍스트는 중앙에 위치하며 적절한 여백과 스타일 적용
페이지 전환
첫 페이지부터 5번째 페이지까지는 화면 탭으로 전환
6번째 페이지에서만 스와이프 제스처로 마지막 페이지로 전환 가능
부드러운 전환 애니메이션 적용
시각적 요소
CustomPainter를 사 용하여 하단의 방사형 패턴 구현
마지막 페이지에서는 파란색 그라데이션으로 변경
그림자 효과로 입체감 추가
사용자 경험
제스처 처리를 통한 직관적인 조작
페이지별 적절한 전환 제한 설정
깔끔하고 미니멀한 디자인 유지
이 코드를 실행하면 디자인된 대로 작동하는 앱이 구현됩니다. 추가적인 수정이나 기능이 필요하신가요?
아래 방사형 문양이 마음에 안들었고, 화면에 따라 감정의 원이 점점 작아지고 옅어지는 것을 시각화하고 싶었기 때문에 다시 몇번의 프롬프트 수정을 했고, 최종적으로 아래와 같은 화면을 얻을 수 있었습니다.
감정 리스트를 만든 이유는 놓아버림이 부족한 감정이 있을 수 있기 때문에 아직 놓아버림이 필요한 감정들은 따로 모아 시간을 들여 부정적 감정들을 놓아버릴 수 있도록 하기 위해서입니다.
결과와 배운 점
치유에 관한 책을 읽고 도움받은 경험을 앱으로 시각화 해볼 수 있다는 점이 이 프로젝트의 의의입니다. 신약개발과는 큰 관련성이 없지만 흥미롭게 읽은 도서를 바탕으로 디지털 치료제처럼 기능하는 앱을 만들어보는 것이 목표입니다.
과정 중에 어떤 시행착오를 겪었나요?
개발 경험이 없어서 플러터를 정상적으로 작동시키는 부분이 가장 어려웠습니다.
그리고 원하는 디자인을 AI가 알아듣고 코드로 변환하게 하는 프롬프트를 작성하는 것 또한 쉽지 않았습니다.
앞으로의 계획이 있다면 들려주세요.
1주차여서 아이디어를 구체화시키는 것이 목표인만큼 다양한 시도를 해볼 계획입니다. 또한 현재 어떤 마음 상태인지 입력하는 기능을 넣어 개인별 DB를 만들고, 놓아버린 감 정들을 정리하는 기능도 넣을 수 있으면 좋겠습니다. 그리고 웨어러블 기기와 연동을 할 수 있다면 심박동수, 산소포화도 등 생체 정보를 받아와서 스트레스 상황에 놓일 때마다 알려주는 기능을 넣고 싶습니다.
