일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Replication
- pm2 상태 확인
- 서버동기화
- setInterval 중지
- 맥 어드레스
- DatePicker
- mySQL_Replication
- transfer
- pm2 시작
- AntDesign
- pm2 확인
- timepicker
- setInterval 외부 정지
- DataGridView 직접 입력
- c# datagridview 데이터 넣기
- mosquitto.conf
- invalid data
- map이 undefined가 뜰 때
- 공인IP
- html #select #option #multiple
- setInterval clear
- pm2 설치
- datagridview 직접입력
- 1883
- listener 1883
- pm2
- allow_anonymouse
- 데이터테이블 데이터 넣기
- mosquitto
- setInterval 정지
- Today
- Total
목록React (88)
개발 노트
1. client의 로그인 페이지에서 ID, PW를 입력후 로그인 시도 2. DB에 이 id와 pw가 있는가? 조회한다. └없다면 실패 있다면 Session에 id와 qw를 저장하고 성공응답을 보낸다. session은 브라우저 창이 닫히면 정보가 바로 사라지기 때문에 화면을 종료후 다시 들어가도 로그인이 x 3. client의 로그인 페이지에서 로그인이 성공했으므로 로그인 성공 화면으로 페이지의 상태를 true? 값을 줘서 바꾸고 , 서버로 해당 유저의 정보를 요청한다. 상태값이 true,false값은 zustand에 저장해서 사용하면 될 것 같다. 4. 서버에서는 seesion에 id와 pw가 있는지 확인 후에 있다면 정보를 보내주며 성공 메세지를 보내준다. 5. login페이지에서는 성공 페이지에서 ..
엔트디자인에서 로그인폼을 사용하려고 form component를 가져왔는데, input의 value property가 동작을 안하더라, 이유는 Form.item에서 제어를 하기때문인데 Form.item의 name property를 지우면 value가 잘 동작한다.
setState의 비동기적 특성 vs 함수형 업데이트 setState는 비동기로 동작한다. 리액트는 효율적으로 렌더링하기 위해 여러개의 상태 값 변경 요청을 batch(일괄 처리)처리하기 때문이다. 왜?? 성능 이슈 때문이다. -> setState마다 리렌더링이 일어난다면 얼마나 많은 렌더링이 일어날지 가늠할 수가 없다. const onClick = () => { //value = 0 setValue(value+1) //value + 1 => 2 setValue(value+1) //value + 1 => 2 setValue(value+1) //value + 1 => 2 } 위의 setState는 변경된 사항을 기억하지 않기 때문에 마지막 업데이트 적용되어 다름 렌더링에 쓰이게 된다. setState 함수..
react에서 개행할때 "\u00A0"
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d2DXji/btrUsnUJa06/YVRKw8s2xsahZ5pbkhlxsk/img.png)
import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; import { Line } from "@ant-design/plots"; const DemoLine = () => { const [data, setData] = useState([]); useEffect(() => { asyncFetch(); }, []); const asyncFetch = () => { fetch( "https://gw.alipayobjects.com/os/bmw-prod/1d565782-dde4-4bb6-8946-ea6a38ccf184.json" ) .then((response) => response.json()) .then((js..
import "../styles.css"; export const dataSource = [ { id: "1", key: "1", holdNumber: 1, grain: 22.31, bale: 33.213, totalHoldHatches: 3, width: 100, hatches: [ { hatchLength: 7.02, hatchWidth: 2.33 }, { hatchLength: 6.931, hatchWidth: 6.11 }, { hatchLength: 22.1, hatchWidth: 5.33 } ] }, { id: "2", key: "2", holdNumber: 3, grain: 41.233, bale: 42.11, totalHoldHatches: 2, hatches: [ { hatchLength:..