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
- valuable
- className
- grid-row-start
- react-hook-form
- createElement
- grid-column-start
- gird-row-end
- relative
- localStorage
- box-shadow
- grid-template-areas
- Grid
- classList
- foreach()
- javascipt
- package.json
- variables
- confirm()
- css#cascading#display#block#inline
- scope
- prompt()
- React
- mongodb
- python #qqplot #qq-plot #code
- CSS
- border-style
- javascript
- var
- collapsing-margins
- grid-column-end
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 |