반응형
250x250
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
- React
- 애니메이션
- scroll
- getBoundingClientRect
- 스크롤
- NAV
- 이벤트리스너
- JavaScript
- input
- Animation
- css
- localstorage
- NodeList
- 확장성
- 반복문
- width
- scrollY
- addEventListener
- forEach
- scrollevent
- pointermove
- html
- For
- swiperjs
- swiper
- Hover
- mousemove
- Sticky
- insertAdjacentHTML
- classList
Archives
- Today
- Total
목록하루 보지 않기 (1)
ZeroToHunnit Coding
[Javascript] 로컬스토리지로 하루 동안 안보이게 하는 팝업 만들기
위와 같이 그냥 닫기를 누르면 새로고침해도 다시 뜨고, 오늘 하루 보지 않기를 누르면 새로고침해도 뜨지 않다가 하루 뒤에 열리는 팝업을 만들어보았다. 보통 쿠키로 많이 만드는데 현재 시간만 저장하면 되는데 서버와 통신해야하나 싶어서 로컬스토리지가 더 효율적일거같아 로컬스토리지에 저장하는 방식으로 만들었다. HTML contents 닫기 오늘 하루 보지 않기 CSS button { border: 0; background: none; cursor: pointer; } .main-popup { position: fixed; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background-color: #f..
JAVASCRIPT
2024. 1. 17. 12:14