일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- TypeScript
- 리액트
- 리액트 네이티브
- Vue3
- 코딩초보
- 프론트엔드
- react-router
- React Native
- 비동기
- http
- react
- 깃
- git
- SasS
- 코린이
- 사용하는 이유
- useEffect
- JavaScript
- scss
- CSS
- 참조자료형
- 코딩공부
- redux
- html기초
- 자바스크립트
- 코딩기초
- 리덕스
- async
- 타입스크립트
- 코딩독학
Archives
- Today
- Total
목록로컬스토리지 (1)
맨 땅에 프론트엔드 개발자 되기
React 로컬 스토리지를 이용하여 하루 동안 보이지 않기 구현하기
세션 스토리지, 로컬 스토리지, 쿠키 등 웹 브라우저 저장소를 이용하여 다양한 정보를 저장하고 그에 따른 UI를 구현할 수 있다. 세션 스토리지는 해당 세션이 종료될 경우에는 기록이 사라지므로, 다음 세션에서도 팝업이 보이지 않도록 기억하게 만들고 싶어서 로컬 스토리지를 이용해서 구현했다. 로컬 스토리지를 이용하여 하루 동안 보이지 않기 구현하기 today = new Date(); console.log(today.getDate()); // 1491553506653 와 같은 13자리 수를 반환 getTime() 메소드를 적용할 경우 해당 메소드가 실행된 바로 그 시간을 13자리로 표현한 수가 반환된다. 나열된 시간은 millisecond 즉 1/1000 초를 나타낸다. 이를 이용하여 숫자를 비교해서 boo..
코딩 공부 일지/React JS
2022. 7. 8. 17:04