데이터 저장하기

지난 단계에서 로그인이 되는 사이트를 만들었습니다. 이제 누가 들어왔는지 알 수 있게 됐으니, 그 사람이 입력한 내용이 사라지지 않고 남아 있게 만들 차례입니다. 이번 단계를 끝내면 화면만 있던 사이트가, 사용자가 무언가를 남기면 그것이 쌓이는 진짜 서비스로 바뀝니다.

지금 입력한 글은 왜 사라질까요

지금까지 만든 사이트에 글을 쓰는 칸을 넣었다고 해도, 새로고침을 하면 방금 쓴 내용이 사라집니다. 화면에 잠깐 보였을 뿐, 어디에도 기록되지 않았기 때문입니다. 입력한 내용을 보관해 두는 별도의 장소가 필요한데, 그 장소가 바로 데이터베이스입니다.

데이터를 저장한다는 말은 어렵게 들리지만, 핵심은 단순합니다. 사용자가 남긴 글이나 기록을 한곳에 적어 두고, 다음에 다시 와도 그대로 꺼내 보여 주는 것입니다.

데이터베이스는 칸이 있는 표입니다

데이터베이스를 거창한 기술로 생각할 필요가 없습니다. 엑셀이나 구글 시트 같은 표를 떠올리면 충분합니다. 맨 윗줄에 어떤 정보를 담을지 칸 이름을 정해 두고, 한 줄에 한 개씩 기록이 쌓이는 구조입니다.

예를 들어 방문자가 한마디 남기는 방명록을 만든다면, 표에는 작성자 칸, 내용 칸, 작성 시간 칸을 둡니다. 누군가 글을 남길 때마다 이 표에 한 줄이 추가됩니다.

데이터 저장을 사이트에 붙이는 법

AI에게 표를 어떻게 만들지부터 알려 주면 됩니다. 코드를 쓸 줄 몰라도, 어떤 정보를 보관하고 싶은지 한국어로 설명하면 AI가 표를 준비합니다.

방문자가 한마디씩 남길 수 있는 방명록 기능을 만들어 줘.
남긴 글을 저장하는 표를 만들고, 작성자 이름, 글 내용, 작성한 시간을 담아 줘.
글을 남기면 표에 저장되고, 페이지를 새로고침해도 사라지지 않게 해 줘.

한 번에 모든 기능을 요청하기보다, 먼저 저장만 되게 한 다음 잘 되는지 확인하고, 그다음에 화면에 보여 주기를 붙이는 식으로 나눠서 부탁하면 막혔을 때 원인을 찾기 쉽습니다.

저장하고 다시 불러오는 흐름

데이터가 쌓이는 서비스는 같은 동작을 반복합니다. 사용자가 남기면 저장하고, 다음에 오면 저장된 것을 꺼내 보여 줍니다. 이 한 바퀴가 매끄럽게 돌면 서비스가 완성됩니다.

AI에게는 이 흐름을 그대로 풀어서 부탁하면 됩니다. 저장된 글을 화면 아래에 목록으로 보여 주고, 새 글이 들어오면 목록 맨 위에 추가해 달라고 요청하는 식입니다.

여기서 한 번쯤 막히기 쉽습니다. 분명히 저장은 됐는데 새로고침하면 글이 안 보이거나, 남기기를 눌렀더니 권한이 없다는 메시지가 뜨면서 막히는 경우입니다. 대부분은 저장은 시켰지만 다시 꺼내 보여 주는 부분을 빠뜨렸거나, 누가 읽고 쓸 수 있는지에 대한 설정이 비어 있어서 생깁니다. 이때는 AI에게 화면 그대로의 상황과 떠 있는 메시지를 옮겨 적어 알려 주세요. 저장은 되는데 화면에 안 나온다거나, 글을 남길 때 권한 오류가 뜬다고 말하면 AI가 빠진 부분을 짚어 줍니다.

여기까지 온 당신이 할 수 있게 된 것

이 시리즈를 따라오며 빈 화면을 인터넷에 띄우고, 보기 좋게 꾸미고, 방문자 수를 확인하고, 로그인을 붙이고, 이제 데이터까지 저장하게 됐습니다. 다섯 단계를 합치면, 사용자가 들어와 로그인하고 무언가를 남기면 그 기록이 쌓이는 작은 서비스 하나가 손에 들어옵니다.

• 내 사이트를 인터넷에 올려 누구나 들어오게 만들기
• 보기 좋은 모양으로 다듬기
• 사람들이 얼마나 오는지 숫자로 확인하기
• 사용자가 자기 계정으로 들어오게 하기
• 사용자가 남긴 것을 저장하고 다시 보여 주기

한 줄도 직접 코드를 쓰지 않고, AI에게 한국어로 무엇을 만들고 싶은지 말해 여기까지 왔습니다. 이제 머릿속에 떠오르는 작은 아이디어를, 비슷한 방식으로 직접 만들어 볼 수 있습니다.