AiWithU배우기
배우기· 1️⃣ 1장. 프로그램의 첫걸음메뉴
배우기 · 1장. 프로그램의 첫걸음

기초 지식 12 / 21

기억해 두기: 저장

창을 닫았다 열어도 최고 점수가 남아 있게 해요.

변수(기억 상자)는 창을 닫으면 사라져요. 오래 기억하려면 브라우저 안의 작은 서랍에 넣어 둬요. 이 서랍을 localStorage라고 해요.

최고 점수 넣고 꺼내기
localStorage.setItem("best", 42);← 'best'라는 이름으로 42를 넣어요
const best = localStorage.getItem("best");← 다음에 열었을 때 꺼내요

작업실 미리보기는 시험용이라 새로고침하면 서랍이 비워져요. 내려받은 파일이나 실제 서비스에서는 남아요. 단, 기기와 브라우저마다 서랍이 따로 있어요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

localStorage

🧩 이 내용이 나오는 따라 만들기

  • 점심 메뉴 룰렛5단계 기록 남기기
  • 두더지 잡기 게임5단계 최고 기록
  • 짝 맞추기 카드 게임4단계 난이도 고르기
  • 풍선 터뜨리기4단계 소리와 최고 점수
  • 반응 속도 테스트3단계 가족 순위표
  • 깡충깡충 토끼 달리기4단계 낮에서 밤으로
  • 무엇이든 대답하는 마법 구슬3단계 내 대답 넣기와 기록
  • 내 가상 펫 키우기4단계 방 꾸미기
  • 제비뽑기와 팀 나누기3단계 한 번씩만, 복사하기
  • 구구단 퀴즈4단계 칭찬 도장판
  • 영어 단어 카드4단계 내 단어장과 퀴즈
  • 우리끼리 퀴즈 대회3단계 문제 만들기
  • 떨어지는 낱말 타자 게임4단계 1분 타자 속도
  • 칭찬 스티커판4단계 기억하고 여러 장 만들기
  • 집중 타이머3단계 꽃 피우기
  • 용돈 기입장3단계 목표 저금통
  • 두근두근 디데이3단계 그날이 오면
  • 사진 글자 뽑기4단계 읽은 기록
  • 냉장고 요리 추천4단계 만드는 법과 즐겨찾기
  • AI가 내 그림 맞히기4단계 내 그림 앨범
  • 사진으로 만드는 동식물 도감3단계 무리별 보기와 칭호
  • AI와 만드는 동화책4단계 내 책장
  • 견적서 만들기2단계 자주 쓰는 품목 · 4단계 견적서 보관함