EP 1. AI가 만든 앱, 데이터는 대체 어디에 저장될까?

🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 결론

AI가 만든 앱의 데이터는 구현한 저장 방식에 따라 머무는 곳이 달라지므로, 저장 위치와 새로고침 후 유지 여부, 다른 사용자와의 공유 범위를 직접 확인해야 한다.

📌 핵심 요점

1. 화면 표시, 실행 중 임시 기억, 지속적인 보관은 서로 다르다. 고객 목록과 저장 버튼이 보여도 실제 저장 기능이 구현됐다는 보장은 없다.
2. 저장 장치를 연결하지 않은 첫 번째 앱은 고객 세 명을 등록해도 새로고침하면 목록이 비었다. 다시 읽어올 보관 장소가 없었기 때문이다.
3. 로컬 스토리지에 쓰고 읽도록 수정한 앱은 새로고침 후에도 고객을 유지했다. 진단 패널에서도 브라우저가 보관하는 데이터를 확인했다.
4. 같은 브라우저 프로필의 같은 출처에서는 로컬 스토리지를 공유할 수 있지만, 다른 프로필이나 다른 기기는 별도 저장 공간을 사용한다. 같은 주소에 접속한다고 같은 고객 목록이 보장되지는 않는다.
5. 여러 직원이 같은 데이터를 사용하려면 보통 서버 쪽 저장소와 네트워크를 통한 읽기·쓰기, 접근 권한을 함께 설계한다. 클라우드 배포만으로 데이터베이스가 자동으로 생기지는 않는다.

🧩 배경과 문제 정의

AI로 만든 고객 관리 앱에 고객 세 명을 등록했다. 같은 브라우저에서는 새로고침해도 목록이 남았지만, 같은 주소를 다른 브라우저 환경에서 열자 고객이 보이지 않았다. 영상은 이 현상을 출발점으로 화면에 표시되는 데이터와 실제로 보관되는 데이터, 여러 사용자가 공유하는 데이터를 구분한다.

문제의 핵심은 앱의 겉모습만으로 저장 구조를 알 수 없다는 점이다. SQL 문법에 앞서 데이터가 실제로 저장됐는지, 어디에 저장됐는지, 다른 사람도 볼 수 있는지를 실험으로 확인한다. 저장 장치가 없는 앱과 로컬 스토리지를 연결한 앱을 비교한 뒤, 공동 업무에 필요한 서버 저장소와 권한 설계로 논의를 확장한다.

🕒 시간순 섹션별 상세정리

1. 같은 앱에서 달라진 고객 목록과 저장의 세 가지 질문

• 고객 세 명을 저장하고 새로고침까지 했지만 다른 브라우저에서는 목록이 비어 있다. 같은 화면과 주소만으로 데이터가 공유된다고 볼 수 없다는 문제를 제시한다. [00:27]
• 바이브 코딩으로 화면과 기능을 빠르게 만들수록 보이는 데이터가 잘 보관된다고 착각하기 쉽다. 실제 저장 여부, 저장 위치, 다른 사용자의 조회 가능성을 구분하는 것이 출발점이다. [01:08]
• 화면 표시, 실행 중 임시 기억, 지속적인 보관은 서로 다르다. 저장 버튼만으로 이 과정이 연결되지는 않으므로 같은 모습의 앱 두 개를 비교하기로 한다. [01:59]

2. 저장 장치 없는 앱과 파일 보관의 한계

• 클로드 코드로 작은 고객 관리 앱을 만들되 저장 장치는 연결하지 않는다. 고객 세 명이 목록에 나타나지만 새로고침하면 모두 사라지고, 다시 가져올 보관 장소가 없었다는 원인을 확인한다. [03:23]
• 엑셀, CSV, JSON은 데이터를 일정한 형태로 담는 수단이다. 파일을 읽어 화면에 보여주는 기능과 수정 내용을 원본에 쓰는 기능은 별도로 구현해야 한다. [03:59]
• 파일을 보관하는 것과 여러 사람이 같은 데이터를 관리하는 것은 다른 문제다. 여러 버전의 엑셀 파일이 오가는 사례로 공유 관리의 어려움을 보여준다. [04:15]

3. 로컬 스토리지로 유지되는 데이터 직접 확인하기

• 고객을 브라우저에 저장하고 다시 읽도록 앱을 수정하며, 주소에 디버그 매개변수를 붙이면 저장 내용을 보여주는 패널도 요청한다. 클로드 코드가 실행 검증은 하지 못했다고 보고해 직접 확인이 필요하다. [04:53]
• 로컬 스토리지를 브라우저 안의 작은 보관함으로 보여준다. 고객 세 명을 다시 등록한 뒤 새로고침하자 이번에는 목록이 유지된다. [05:15]
• 진단 패널에서 저장된 이름과 재조회되는 값을 확인한다. 데이터가 있는 곳은 서버가 아닌 해당 브라우저의 저장 공간이므로, 모든 접속자에게 자동 공유되는 명단은 아니다. [05:59]

4. 브라우저 프로필 실험으로 확인한 공유 범위

• 독립된 두 번째 프로필에서 같은 주소를 열면 고객이 0명으로 보인다. 첫 번째 프로필의 데이터가 삭제된 것이 아니라 두 프로필이 저장 공간을 공유하지 않는 것이다. [06:48]
• 같은 프로필에서 같은 출처로 여는 탭은 로컬 스토리지를 공유할 수 있다. 다른 프로필이나 다른 기기는 별도 공간이므로 주소만으로 데이터의 동일성을 판단할 수 없다. [07:23]
• 저장 방식과 사용자의 접속 환경을 함께 봐야 한다. 내 브라우저에 데이터가 남는 것과 회사 전체가 공유하는 것은 서로 다른 요구사항이다. [07:36]

5. 공동 사용을 위한 저장 설계와 최종 점검

• 여러 직원이 함께 쓰려면 보통 서버 쪽 저장소에 데이터를 두고 네트워크로 읽고 쓰게 구성한다. 최신 내용의 확인과 접근 권한을 설계해야 하며, 클라우드 배포만으로 저장소와 연결이 자동 완성되지는 않는다. [08:25]
• 메모리, 파일, 브라우저 저장 공간, 서버 쪽 데이터베이스를 정리하고 IndexedDB, PostgreSQL, MySQL, SQLite를 보여준다. 개인용 임시 도구인지 공동 서비스인지에 따라 보관 방식이 달라지므로 기능보다 사용 환경을 먼저 정해야 한다. [09:35]
• 처음의 고객은 첫 번째 프로필에 그대로 있었다. AI에게 저장 위치, 새로고침·재실행 후 유지 여부, 다른 사람·컴퓨터의 조회 가능성을 물으라고 강조하고, 여덟 편의 시리즈와 다음 편의 로컬 스토리지·IndexedDB 비교를 예고한다. [10:31]

🧾 결론

• 처음의 고객 명단은 삭제된 것이 아니라 첫 번째 브라우저 프로필의 저장 공간에 남아 있었다. 다른 프로필이 그 공간을 공유하지 않아 빈 목록이 보였다.
• 메모리, 파일, 브라우저 저장 공간, 서버 쪽 데이터베이스는 사용 목적과 환경에 따라 선택해야 한다. 데이터베이스에도 브라우저의 IndexedDB나 로컬 파일로 사용하는 SQLite처럼 서로 다른 형태가 있다.
• 업무용 앱을 만들 때는 기능 구현에 앞서 누가 어떤 환경에서 사용할지 정하고, 저장 위치·유지 여부·공유 가능성을 검증해야 한다.

📈 투자·시사 포인트

• AI 앱 제작 도구나 결과물을 평가할 때 화면과 기능 시연만으로 완성도를 판단하기 어렵다. 실제 저장과 재조회가 작동하는지 확인해야 한다.
• 개인용 도구를 직원 공동 서비스로 확대하려면 공유 저장소, 연결, 권한 설계가 추가 과제가 된다. 사용 범위의 변화가 필요한 구현 범위를 바꾼다.
• 클라우드 배포 여부와 데이터 관리 체계의 완성도를 구분해야 한다. 서버 저장소와 접근 권한이 어떻게 구성됐는지가 업무 활용 가능성을 판단하는 근거다.
• 영상은 특정 기업이나 금융상품의 투자 판단 근거를 제공하지 않는다. 시사점은 AI로 만든 업무 도구의 저장 구조와 운영 준비 상태를 평가하는 데 있다.

⚠️ 불확실하거나 확인이 필요한 부분

• 영상에서 직접 확인한 로컬 스토리지의 유지 동작은 새로고침 실험이다. 브라우저를 완전히 종료한 뒤 다시 실행하는 상황은 별도로 검증해야 한다.
• 여러 사용자를 위한 서버 저장소와 접근 권한은 설계 방향으로 설명된다. 실제 공동 접속, 변경 내용 반영, 권한별 접근 동작을 구현하고 검증한 사례는 제시되지 않는다.
• 로컬 스토리지와 IndexedDB의 구체적인 차이는 다음 편의 주제다. 이번 영상만으로 두 방식의 상세 특성이나 선택 기준을 확정하기 어렵다.
• 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
• 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
• 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

• AI에게 데이터가 어디에 저장되고, 앱이 다시 열릴 때 어디에서 읽어오는지 설명하도록 요청한다.
• 가상 고객 데이터를 등록한 뒤 새로고침과 브라우저 재실행을 각각 시험해 유지 여부를 확인한다.
• 진단 패널처럼 저장 내용을 직접 확인할 수 있는 수단을 마련하고, 화면 목록과 저장된 값을 대조한다.
• 같은 프로필의 같은 출처, 독립된 다른 프로필, 다른 기기에서 접속해 데이터 공유 범위를 확인한다.

❓ 열린 질문

• 이 앱은 혼자 쓰는 임시 도구인가, 내 컴퓨터에 보관하는 앱인가, 여러 직원이 함께 쓰는 서비스인가?
• 고객 정보를 누가 조회하고 수정할 수 있어야 하며, 다른 직원은 변경된 내용을 어떻게 확인해야 하는가?
• 다음 편에서 비교할 로컬 스토리지와 IndexedDB는 어떤 사용 목적에 각각 적합한가?