데이터는 어디에 저장되나

localStorage 외에도 비슷한 게 있어요 (지금은 몰라도 돼요):
- sessionStorage: 탭 닫으면 사라짐
- Cookie: 서버랑 주고받을 때 사용

이 시리즈에서는 localStorage만 쓸 거예요.

다른 사람도 봐야 함? → DB
다른 기기에서도 봐야 함? → DB
나만 보는 설정? → localStorage
임시 데이터? → 메모리

 나: "할 일 관리 서비스 만들 건데,                                      
     할 일 데이터는 DB에 저장해야 돼.                                   
     Supabase에 todos 테이블 설계해줘."                                

 AI: "todos 테이블 설계 제안드려요:                                     
     - id (고유 번호)                                                 
     - user_id (누구의 할 일인지)                                      
     - title (할 일 내용)                                             
     - done (완료 여부)                                               
     - created_at (생성 시간)"                                        

 나: "좋아. 그렇게 만들어줘."                                           


 2단계: 기능 만들고 확인하기                                             

 나: "할 일 추가하면 todos 테이블에 저장하고,                            
     화면 로드할 때 불러와서 보여줘."                                    

 AI: "할 일 추가/불러오기 기능 만들었어요."                              

 [기능 단위로 직접 확인]                                               
 - 할 일 추가 → DB에 저장됨 ✓                                         
 - 새로고침 → 그대로 남아있음 ✓                                        
 - 다른 브라우저에서 로그인 → 똑같이 보임 ✓                              


 3단계: 다크모드 추가                                                   

 나: "다크모드 토글도 만들어줘."                                         

 AI: "다크모드 토글 만들었어요."                                         

 [기능 단위로 직접 확인]                                               
 - 다크모드 켜기 → 화면 어두워짐 ✓                                      
 - 새로고침 → 유지됨 ✓                                                 
 - 다른 기기에서 로그인 → 어? 기본 모드네?                               

 나: "다른 기기에서 다크모드 안 되는데?"                                  

 AI: "다크모드 설정은 localStorage에 저장했어요.                         
     localStorage는 브라우저별로 따로 저장돼서 그래요.                   
     DB에 저장하면 기기 간 동기화 가능해요."                             

 나: "아, 그렇구나. 다크모드는 기기별로 달라도 돼. 그대로 둬."             

 💡 이렇게 확인하다 보면 자연스럽게 알게 돼요:                           
    "아, localStorage는 브라우저별이구나"                               
    "동기화 필요하면 DB에 저장해야 하는구나"                             

   "왜 안 돼?!" → 화냄 → AI 탓 → 다른 모델로 바꿈 → 또 안 됨

❌ 막연하게
   "장바구니 담기 기능 만들어줘"

✅ 구체적으로
   "장바구니 담기 만들어줘.
    로그인 전이면 localStorage에,
    로그인 후면 cart 테이블에 user_id랑 같이 저장해줘."

   1️⃣ 메모리 → 새로고침하면 사라짐
   2️⃣ localStorage → 내 브라우저에만
   3️⃣ DB → 영구 저장, 공유 가능

✅ 판단 기준
   다른 사람/기기에서 봐야 함? → DB
   나만 보는 설정? → localStorage

✅ AI한테 요청할 때
   "뭘 만들지 + 어디에 저장할지 + 필드는 뭔지"