일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 비전공이지만 개발자로 먹고삽니다
- ES6함수 추가기능
- 전역변수의문제점
- 블로그 서비스 최적화
- 인터넷 장비
- 프로그래머스
- 딥다이브
- 빌트인 객체
- 타입변환과단축평가
- var 사용금지
- 프로퍼티 어트리뷰트
- 이미지 갤러리 최적화
- 디스트럭처링
- Property Attribute
- 원시값과객체의비교
- 제너레이터와 async/await
- 자바스크립트 딥다이브
- 올림픽 통계 서비스 최적화
- DOM
- 자바스크립트
- 네트워크 연결과 구성요소
- 모던 자바스크립트 Deep Dive
- 프론트엔드 성능 최적화 가이드
- 브라우저의 렌더링 과정
- Babel과 Webpack
- Set과 Map
- const
- 이벤트
- 스코프
- 기술컨퍼런스
- Today
- Total
목록Web Development/State Management (2)
JDevBlog
리코일의 핵심 컨셉 - React 내부상태만 이용 - 작은 Atom 단위로 상태관리 - 순수함수 Selector - 상태끼리의 상호의존성 - 읽기전용과 쓰기전용 Basic Concept 1. Atom 이 하나의 상태의 단위이며, 상태를 전역에서 관리할 수 있다. const fontSizeState = atom({ key: 'fontSizeState', default: 14, }); function FontButton() { const [fontSize, setFontSize] = useRecoilState(fontSizeState); return ( setFontSize((size) => size + 1)} style={{fontSize}}> Click to Enlarge ); } 2.Selector S..
LocalStorage localStorage is a way to store data on the client’s computer. It allows the saving of key/value pairs in a web browser and it stores data with no expiration date. localStorage can only be accessed via JavaScript, and HTML5. However, the user has the ability to clear the browser data/cache to erase all localStorage data. Pros: stores data with no expiration date storage limit is abou..