뇌과학으로 기억장애 있는 어머니를 돕고자 만든 '기억의 정원' 게임

소개

초짜 청강생이지만 용기를 내어서 올려봅니다

지피터스에서 뇌과학 스터디가 열린 걸 보자마자 눈길이 갔습니다. 사실 평소에도 뇌과학에 관심이 있었는데, 단순히 공부만 하는 것이 아니라 직접 무언가를 만들어 볼 수 있다는 점이 매력적으로 다가왔죠.

무엇보다 요즘 기억 능력에 어려움을 겪는 어머니를 보며 마음이 많이 무거웠습니다. “만약 기억력을 조금이라도 즐겁게 강화할 수 있는 앱을 만들 수 있다면 어떨까?”라는 생각이 났습니다. 그 마음이 이번 도전의 출발점이 되었죠.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

이번 시도에서 제가 활용한 도구들은 꽤 흥미로웠습니다.

• 구글 ai studio

• 러버블(Lovable): 앱 제작을 도와주는 툴로, 제가 구상한 아이디어를 실제 형태로 만들어 갈 수 있었습니다.

• 클로드(Claude): 아이디어를 정리하고 구체화하는 데 큰 도움을 받았습니다.

• 깃허브(GitHub): 이름만 들어보던 플랫폼이었는데, 직접 써보면서 협업과 버전 관리의 개념을 배웠습니다. 저에게는 작은 모험 같은 경험이었어요.

또한 뇌과학 개념 중 하나인 보상 예측 오류(Reward Prediction Error)를 앱 설계에 적용해 달라고 요청해봤습니다. 보상이 예상과 다르게 주어질 때 뇌가 더 강하게 학습한다는 원리인데, 이걸 게임 구조에 녹여낸다는 것이 참 흥미로웠습니다.

구글 AI스튜디오에 아래와 같이 스터디장님의 프롬프트를 좀 베껴서(!) 넣어 봤습니다

보상 예측 오류 원리를 이용한 웹기반 프랫포머 게임을 만들려고 하는데, 웹게임을 만들거야. 커서 ai를 쓸거고 react js 등을 쓰면 좋겠어.
기억 장애가 있는 노인을 위한 카드 맞추기 기억력 게임이야. 레벨업 할때마다 축하 액션을 보여주고, 3개의 랜덤한 스킬 선택등으로 게임의 요소를 쓰고 싶어. 게임 기획 세부적으로 해줘

그랬더니 게임개요 부터 너무 잘만들어요

기억 장애가 있는 노인을 위한 웹 기반 카드 맞추기 기억력 게임 기획안입니다. 보상 예측 오류 원리와 ReactJS, Cursor AI를 활용하여 사용자 친화적이고 효과적인 게임을 구성해 보았습니다.

---

### **1. 게임 개요**

*   **게임명:** 기억의 정원 (가칭)
*   **목표:** 기억 장애가 있는 노인분들의 인지 능력 향상 및 유지, 성취감을 통한 긍정적 경험 제공
*   **플랫폼:** 웹 기반 (데스크탑 및 태블릿 최적화)
*   **주요 기술:** ReactJS, Cursor AI (튜토리얼 및 난이도 조절), HTML5, CSS3
*   **핵심 원리:** 보상 예측 오류 (Reward Prediction Error) - 성공적인 기억 활동에 대한 즉각적이고 예측 가능한 보상 및 예상치 못한 보상(스킬)을 통해 학습 동기 부여

---

### **2. 게임 플레이 흐름**

**A. 메인 화면 및 사용자 등록/로그인**

*   간단한 사용자 등록 (닉네임, 선택 사항: 보호자 연락처)
*   로그인 후, "나의 정원"으로 이동

**B. 게임 플레이 (카드 맞추기)**

1.  **시작:** "새로운 기억 심기" 버튼 클릭
2.  **카드 배치:** 다양한 이미지가 그려진 카드들이 뒤집힌 상태로 배치됩니다 (예: 4x4, 5x4, 6x5 등).
3.  **카드 뒤집기:**
    *   사용자는 카드 두 장을 선택하여 뒤집습니다.
    *   **짝 맞추기 성공:**
        *   두 카드의 이미지가 같으면 카드가 사라지거나 밝게 빛나며 '성공' 애니메이션과 소리 효과를 제공합니다. 
        *   **즉각적인 보상:** 점수 획득, 칭찬 메시지 ("잘하셨어요!", "기억력이 좋으시네요!")
    *   **짝 맞추기 실패:**
        *   두 카드의 이미지가 다르면 잠시 후 다시 뒤집힙니다.
        *   **미미한 페널티 (혹은 없음):** 시간 제한 감소 (선택 사항, 초반에는 적용 안함) 또는 힌트 사용 기회 감소 등. 실패에 대한 좌절감 최소화가 중요합니다.
4.  **레벨 완료:** 모든 짝을 맞추면 현재 레벨이 완료됩니다.

**C. 레벨 업 및 보상/스킬 선택**

1.  **레벨업 축하 액션:**
    *   레벨 완료 시, 화면 전체를 채우는 축하 애니메이션 (꽃잎 흩날림, 폭죽 효과 등)과 함께 긍정적인 음악이 재생됩니다. 
    *   "축하합니다! 새로운 기억이 꽃피웠어요!" 와 같은 메시지가 나타납니다.
    *   

일단 러버블에 때려 넣고 돌려봅니다. 근사한 게임하나 나옵니다. 고령의 노인 임을 고려해서 큼직한 화면이네요

예상 보다 깔끔하게 나와서 놀랍습니다. 더 개선하고 싶은게 있으니, 가르쳐주신대로 깃허브 계정 만들어서 연결해놨습니다.

다음주 강의에서 클로드 코드로 더 배워봐야죠.

결과와 배운 점

lovable 을 처음 써봤는데 이렇게 멋진 툴이 있다니 그저 감동이네요

깃헙을 처음 연결하다보니 고생 좀 했습니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

뇌과학원리를 이용한 바이브 코딩 입문