일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- mySQL_Replication
- datagridview 직접입력
- setInterval 정지
- 공인IP
- setInterval clear
- mosquitto
- 맥 어드레스
- DatePicker
- pm2 확인
- setInterval 외부 정지
- pm2 설치
- map이 undefined가 뜰 때
- Replication
- listener 1883
- html #select #option #multiple
- transfer
- timepicker
- setInterval 중지
- 서버동기화
- AntDesign
- pm2 시작
- 1883
- pm2 상태 확인
- 데이터테이블 데이터 넣기
- invalid data
- allow_anonymouse
- c# datagridview 데이터 넣기
- mosquitto.conf
- DataGridView 직접 입력
- pm2
- Today
- Total
목록React (88)
개발 노트
useEffect(() => { axios .get(`http://localhost:4000/settingitems?Name=EOperator`) .then((response) => { let data = response.data[0].Value; data = data.replaceAll("`", '"'); let parsedValue = JSON.parse(data); setAttached(parsedValue?.Attached); setPosition(parsedValue?.Position); setName(parsedValue?.Name); setPhone(parsedValue?.Phone); changeActorInfo(parsedValue); }); }, []); 정보를 가져왔을 때 `(백틱)부..
전역 state 호출 시에 iterable object error가 나오면 중괄호를 써야하는데 대괄호를 쓴 것은 아닌지 확인해봐야 한다.
사용자 값을 html 태그에 넣어줄 때 사용 가능한 태그이다. 예를 들어 id값을 주고싶을 때 자체 제공하는 기능이 없다면 id값을 설정하여 data-set = {사용자 값}을 넣어서 사용할 수 있다.
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(`나는야 고유한 키값`)); 위와 같이 값을 할당해 준다면 아래와 같이 출력된다.
01. Styled-Component? 모던 자바스크립트 라이브러리(React,Angular,Vue 등)가 인기를 끌면서 여러 개의 컴포넌트로 분리하고, 각 컴포넌트에 HTML, CSS, JavaScript를 몽땅 때려 박는 패턴이 많이 사용되고 있다. React는 JSX를 사용해서 이미 JavaScript가 HTML을 포함하고 있는 형태를 취하고 있는데, 여기에 CSS-in-JS 라이브러리만 사용하면 CSS도 손쉽게 JavaScript에 삽입할 수 있다. styled-component는 css를 js에 쉽게 삽입할 수 있도록 도와주는 CSS-in-JS라이브러리 중 가장 널리 사용되고 있는 라이브러리이다. 02. 사용법 일단 npm 패키지를 설치해야한다. npm i styled-components 기본 ..