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
- 프로그래머스 데브코스 프론트엔드 TIL
- 모던 자바스크립트 딥다이브
- 모던 자바스크립트 Deep Dive
- react 프로젝트 리팩토링
- 투포인터알고리즘 js
- frontend roadmap study
- 프로그래머스 K_Digital Training
- K_Digital Training
- useRef 지역 변수
- KDT 프로그래머스 데브코스 프론트엔드
- 프로그래머스 데브코스 프론트엔드
- 개발자 특강
- Vue3
- 우테캠 회고록
- 백준 js
- 백준 node.js
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 데브코스
- 모던 javascript Deep Dive
- 머쓱이
- 리팩토링 회고
- 프로그래머스 K_Digital Training 프론트엔드
- useEffect return
- 모던 자바스크립트 TIL
- 모던 자바스크립트 Deep Dive TIL
- Frontend Roadmap
- Vue3 Router
- react customHook 예시
- KDT 프로그래머스
- TypeScript 문법 소개
Archives
- Today
- Total
목록react sessionStorage hook (1)
프론트엔드 개발자의 기록 공간
[React] React(7)
❗❗ 데브코스 54일차 (10.14) 오늘도 자주 사용되는 컴포넌트 로직을 함수로 뽑아내는 연습을 진행한다. 프론트 개발을 하다 보면, 프론트에서 자체적으로 저장해야 하는 데이터들이 있다. (임시저장 데이터, 토큰 등) 이를 위해서 localStorage, sessionStorage를 이용하게 된다. 또한, 특정 이벤트가 발생하고 몇 초 뒤에 어떠한 로직을 수행하는 setTimeOut() 함수도 자주 사용된다. 몇 초 뒤 다른 페이지로 이동 등등... 이 두 가지를 Custom Hook으로 만들어보는 과정을 설명하겠다. ✅ useLocalStorage - Custom Hook import { useState } from "react"; // localStorage 저장할 key값, 초기값 const us..
프로그래머스 데브코스_FE/TIL
2022. 1. 26. 16:30