Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- grid-column-start
- mongodb
- javascipt
- CSS
- confirm()
- package.json
- className
- python #qqplot #qq-plot #code
- classList
- valuable
- createElement
- gird-row-end
- React
- grid-template-areas
- localStorage
- foreach()
- grid-column-end
- var
- box-shadow
- Grid
- relative
- grid-row-start
- collapsing-margins
- javascript
- react-hook-form
- css#cascading#display#block#inline
- prompt()
- scope
- variables
- border-style
Archives
- Today
- Total
data life
JS - preventDefault() , localStorage 본문
preventDefault()
event.preventDefault()
:어떤 event의 기본 행동이 발생되는 것을 막음
: addEventLister 내부 함수가 발생되는 것을 막음
*사용 예시*
submit 버튼을 눌러도 새로고침이 안되게끔
<a> 태그를 눌렀을 때도 href링크로 이동하지 않게끔
localStorage
: 하나의 작은 DB
: key-value 형태
: array로는 저장 불가 only text만!
- setItem : 데이터 저장
localStorage.setItem("key","value");
- getItem : 데이터 읽기
localStorage.getItem("key");
- removeItem : 데이터 지우기
localStorage.removeItem("key");
- clear : 초기화
localStorage.clear();
'Front-end > JavaScript' 카테고리의 다른 글
JS - JS로 HTML 요소 추가하기 (0) | 2022.11.05 |
---|---|
JS - setInterval()/setTimeout() , Date() , padStart()/padEnd() (0) | 2022.11.03 |
JS - 표준 객체 Math (0) | 2022.11.03 |
JS - className(), classList() (0) | 2022.10.31 |
Js - Basics, Document (0) | 2022.10.28 |