일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- pm2 설치
- DataGridView 직접 입력
- transfer
- pm2 시작
- AntDesign
- html #select #option #multiple
- 1883
- pm2
- pm2 상태 확인
- invalid data
- listener 1883
- setInterval 외부 정지
- map이 undefined가 뜰 때
- 서버동기화
- 데이터테이블 데이터 넣기
- 공인IP
- allow_anonymouse
- timepicker
- pm2 확인
- mosquitto
- 맥 어드레스
- Replication
- DatePicker
- c# datagridview 데이터 넣기
- setInterval 중지
- mosquitto.conf
- mySQL_Replication
- setInterval clear
- setInterval 정지
- datagridview 직접입력
- Today
- Total
목록전체 글 (700)
개발 노트
피그마 리액트 컴포넌트 변경 API를 사용한 함수 만들기 급이기기설정 - 1회 공급량에서 사료량 변경 시 바로 반영시키기 카카오 지도에서 화면에 마커 표시 안 나오는 에러 고치기 매일 아침 데이타베이스 백업 음수량 - 수신 체크
피그마 리엑트 컴포넌트 변경 급이기기설정 - 1회 공급량에서 사료량 변경 시 바로 반영시키기 카카오 지도에서 화면에 마커 표시 안 나오는 에러 고치기 매일 아침 데이타베이스 백업 음수량 - 수신 체크
컴포넌트의 Lifecycle mount 페이지에 장착 (컨포넌트가 페이지에 보일 때) update 업데이트 (컨포넌트를 조작해서 수정될 때_ 즉, 재렌더링) unmount 필요없으면 제거 (다른 페이지로 가서 컨포넌트가 안 보일 때) 중간중간에 간섭 가능(중간에 코드 실행 가능) 사용하는 이유? useEffect 안에 있는 코드는 html 렌더링 후에 동작함 그래서 useEffect 안에는 어려운 연산, 서버에서 데이터가져오는 작업, 타이머 장착 등의 코드를 적음 정리 재렌더링마다 코드를 실행가능합니다. useEffect(()=>{ 실행할코드 }) 컴포넌트 mount시 (로드시) 1회만 실행가능합니다. useEffect(()=>{ 실행할코드 }, []) useEffect 안의 코드 실행 전에 항상 실행됩..
사용하는 상황 저장공간 DOM 요소에 접근 (1) 저장공간 state의 변화 -> 렌더링 -> 컴포넌트 내부 변수들이 초기화 하지만, Ref의 변화 -> 렌더링 X -> 변수들의 값이 유지 (state의 변화 -> 렌더링 -> 그래도 Ref의 값은 유지) 즉, 불필요한 렌더링을 막을 수 있음 또한, 변화는 감지하지만 그 변화로 인한 재렌더링을 발생시키지 않게 하고 싶다면 사용하자 const [cnt, setCnt] = useState(10); const refCnt = useRef(0); //useRef 값은 object형태로 값은 변수명.current에 들어있음 const plusCnt = ()=>{ setCnt(cnt+1); console.log('cnt: ', cnt); } const plusRef..
리액트 18버전 이상부터는 automatic batch 라는 기능이 생겼다. 동일한 state 변경함수들이 연달아서 여러개 처리되어야한다면 동일한 state 변경함수를 다 처리하고 마지막에 한 번만 재렌더링된다. // ex const plus = ()=>{ setNum(num*2); console.log('num 곱하기: ', num); setNum(num+1); console.log('num 더하기:', num); } 위 코드는 마지막 setNum(num+1)만 실행되어 num값이 +1만 증가한다. 변경함수를 각각 실행하고 싶다면, 변경함수(콜백함수) 이렇게 코드를 작성해서 콜백함수 첫번째 인자에 값을 넣으면 이전 state값이 들어간다. // ex const plus = ()=>{ setNum((pr..