일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 공인IP
- mosquitto.conf
- AntDesign
- datagridview 직접입력
- setInterval 외부 정지
- 맥 어드레스
- html #select #option #multiple
- mySQL_Replication
- pm2 설치
- timepicker
- listener 1883
- pm2 시작
- allow_anonymouse
- setInterval 정지
- invalid data
- pm2 상태 확인
- DatePicker
- mosquitto
- setInterval 중지
- transfer
- setInterval clear
- c# datagridview 데이터 넣기
- map이 undefined가 뜰 때
- DataGridView 직접 입력
- pm2 확인
- 데이터테이블 데이터 넣기
- Replication
- 1883
- pm2
- 서버동기화
- Today
- Total
목록전체 글 (700)
개발 노트
Localstorage에 정보를 저장하기위해선 setitem, getitem, useeffect등을 써서 저장을 해주고, 새로고침해도 변화가 안되게 만들었었는데, zustand의 middleware인 persist를 사용하면 자동으로 Localstorage에 저장하고 유지해준다. 하지만 잘못된 값이 들어간경우 화면이 공백으로 표시되니 Localstorage에 들어가서 데이터를 삭제해줘야한다. export const useStore = create( persist((set) => ({ todos: [], addTodo: (todoText) => set((state) => ({ todos: [ ...state.todos, { text: todoText, id: uuid(), isCompleted: false..
import uuid from "react-uuid"; id: uuid() 이런 식으로 고유한 id값을 할당해줄 수 있는 라이브러리이다. 고유한 키값을 주지만 랜덤값이기 때문에 순서가 없어서 순서를 주기 위해서는 map index로 순서를 주던지 해야 된다. 값은 아래와 같이 할당된다. 비슷한 라이브러리로 uid가 있는데, uid는 인자를 받아서 그 인자로 키값을 준다. 그렇기에 같은 인자를 키값으로 줄 경우 충돌될 수가 있기 때문에 uuid를 쓰는게 요즘 메타다. id : uid(`${todo.text} - ${todo.text.length}`) 위와 같이 쓸 수 있고. console.log("uid()", uid(`나는야 고유한 키값`)); 위와 같이 값을 할당해 준다면 아래와 같이 출력된다.
1. todolist css작업까지 2. uid 포스팅 3. zustand/middleware 포스팅 4.todo에 날씨 api추가 5.todo에 배경 이미지 추가 오늘 한일 1. todolist css작업까지 Clear 2. uid 포스팅 Clear 3. zustand/middleware 포스팅 Clear 4. todo에 날씨 api추가 Clear
상태관리 라이브러리는 참 많이있다. Redux가 상태관리 라이브러리의 시초격(Flux 패턴)이라 할 수 있다. 그렇기 때문에 인기가 많지만 오늘 날 Redux를 기피하는 이유도 있다. 그것은 바로 보일러 플레이트 코드 때문이다. Redx Toolkit이 이러한 점 등을 극복하고 있고 계속해서 업데이트를 하고는 있지만 여전히 보일러 플레이트가 존재한다. ** 보일러 플레이트 = 반복해서 사용하는 텍스트를 의미 = 변화없이 여러군대에서 반복되는 코드, 최소한의 변경으로 재사용 할 수 있는 코드 또한 보일러 플레이트 코드라고한다. Flux 패턴 = 단방향의 흐름으로 애플리케이션을 만드는 아키텍처 ** 그렇기에 최소한의 코드로 상태를 관리하는 방법을 구현해넨 라이브러리가 zustand이다. zustand의 장점..
리덕스란? JavaScript를 관리해주는 상태관리 라이브러리이고 본질은 Node.js 모듈이다. 상태관리? State를 컴포넌트 안에서 관리하는 것. 왜 관리해야 하는가? 자식 컴포넌트들 간의 직접 전달은 불가능하다. 그래서 부모 컴포넌트를 통해서 주고 받아야 하는데 자식이 많아진다면 상태 관리가 매우 복잡해진다. └state를 맨 아래 계층의 컴포넌트에서 사용하고자 할때 모든 계층을 지나며 props를 불필요하게 전달하게 된다 (버킷 릴레이 방식) => prop drilling(프로퍼티 내려꽂기)문제를 야기한다. = 전달 과정이 10개 이상 많은 과정을 거치게 된다면? 해당 prop을 추적하기 힘들어지기에 유지 보수가 더욱 어려워진다. 그렇기에 전역 상태 관리(global state managemen..
1. Redux 조사, 사용 2. zu stand 조사, 사용 3. React 도서 2회독