<aside>

Index

1.기획&아이데이션

2.디자인&에셋 3.개발

• 핵심기술스택
• 파일구조
• 개발
• 트러블슈팅

4.고도화

5. 프로젝트 회고

</aside>

<aside>

3.1절 바이브코딩 프로젝트 제작 🇰🇷

• 일정: 26.03.01 12:46 - 26.03.01
• 소요시간: 8시간
• 기획: Gemini Pro 3.1, Nano Banana.
• UI/UX: Figma
• 개발: Figma make, Antigravity
• 백엔드 서버: Supabase
• 배포: Vercel
• 결과물: https://19190301-movement-day.vercel.app/
• Github: https://github.com/gouoy/19190301_MovementDay </aside>

🇰🇷 그날의 목소리를 오늘, 다시 부르다

1919년 3월 1일, 일제의 강제 병합으로 주권을 빼앗긴 지 9년이 되던 해였습니다. 절망 속에서도 독립을 향한 열망은 조용히, 그러나 단단하게 자라나고 있었습니다. 그리고 마침내 그날, 전국 방방곡곡에서 남녀노소 할 것 없이 거리로 쏟아져 나와 "대한독립만세(조선독립만세)"를 외쳤습니다.

그 거세고도 평화로웠던 움직임은 오늘날 우리의 성숙한 시위 문화와 너무나도 닮아 있습니다. 과거의 그들이 있었기에 비로소 현재의 우리가 존재할 수 있습니다. 그들의 목소리가 모여 역사가 되었고, 우리는 그 자랑스러운 역사 위에 서 있습니다.

비록 지금은 거리에 나가 주권을 위해 외칠 일은 없는 평화로운 일상이지만, 이번 3.1절을 맞이하여 그날의 의미를 되새길 수 있는 작은 웹 공간을 만들었습니다. 3.1 운동의 가장 중요한 공간인 탑골공원을 모티브하여 제작했습니다.

집에서든 밖에서든, 각자의 공간에서 조용히 혹은 힘차게 만세를 외쳐보며 107년 전 그날의 뜨거움을 잠시나마 함께 느껴보셨으면 좋겠습니다.

1. 기획&아이데이션

[발단]

평소와 다름없는 공휴일 아침, 웹서핑을 하다가 문득 오늘이 3.1절이라는 사실을 다시 깨달았습니다. "지금 우리가 누리는 이 평온한 일상이 사실은 당연한 게 아닌데, 너무 쉽게 잊고 사는 건 아닐까?" 하는 생각이 스치듯 지나갔습니다.

[아이데이션]

• 컨셉: "오늘날 우리가 누리는 평화로운 일상 속에서, 대한독립만세를 외쳐보는 것도 좋지 않을까?"

평소 관심 있게 지켜보던 음성 인식(STT) 기술을 이 역사적인 맥락과 연결해보고 싶었습니다. 단순히 정보를 읽는 웹사이트가 아니라, 사용자가 직접 마이크에 대고 “대한독립만세"를 외치면 화면 속 군중들이 거리로 쏟아져 나와 함께 태극기를 흔드는 인터랙티브한 경험을 기획했습니다. 아이디어가 떠오른 후 Gemini에게 기술적 구현 가능성을 물었습니다. 하루 만에 MVP(최소 기능 제품)를 뽑아낼 수 있겠다는 확신이 들었고, 곧바로 제작에 착수했습니다.

[기획 의도&MVP]

• 의도: 직접 거리에 나가지 않더라도, 각자의 자리에서 목소리를 내어 1919년 3월 1일의 가치를 짧게나마 체감해보는 시간을 제공하는 것.
• MVP: 사용자가 외치는 목소리의 정확도에 따라 화면에 캐릭터들이 모여드는 핵심 기능 구현.