일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- invalid data
- DataGridView 직접 입력
- pm2 시작
- setInterval 정지
- 서버동기화
- allow_anonymouse
- pm2 확인
- timepicker
- transfer
- 1883
- 데이터테이블 데이터 넣기
- mySQL_Replication
- 맥 어드레스
- datagridview 직접입력
- DatePicker
- AntDesign
- listener 1883
- setInterval clear
- setInterval 중지
- pm2 상태 확인
- setInterval 외부 정지
- c# datagridview 데이터 넣기
- map이 undefined가 뜰 때
- pm2
- mosquitto.conf
- 공인IP
- html #select #option #multiple
- pm2 설치
- mosquitto
- Replication
- Today
- Total
목록React (88)
개발 노트
01.React Router Create-React-App은 page routing을 포함하지 않고있기때문에, routing 관련 라이브러리가 필요한데 React Router가 그중 가장 많이 쓰인다. React Router를 추가하고 싶다면 "npm i -D react-router-dom"을 터미널 창에 입력한다. 만약 v5에서 v6로 업그레이드 하는 것이라면 위의 코드 마지막에 @latest를 붙힌다. React Router는 사용자가 입력한 주소를 감지하는 역할을 하며, 여러 환경에서 동작할 수 있도록 여러 종유의 라우터 컴포넌트를 제공한다. 이중 가장 많이 사용하는 라우터 컴포넌트는 BrowserRouter와 HashRouter이다. 02. 사용법 아래 예제는 w3schools에 있는 예제이다. ..
01.useRef를 사용하면 렌더링 간에 값을 유지할 수 있다. w3schools는 이렇게 정의한다 - 업데이트 시에 re-rendering이 발생하지 않는 변경 가능한 값을 저장하는 데 사용할 수 있다. 무슨 말인지 잘 모르겠어서 추가로 찾아보았다. function ManualCounter() { const [count, setCount] = useState(0); let intervalId; const startCounter = () => { // 💥 매번 새로운 값 할당 intervalId = setInterval(() => setCount((count) => count + 1), 1000); }; const stopCounter = () => { clearInterval(intervalId); }..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cYk2un/btrQVAXAtKO/icx6VAm84GayuxkknKa8BK/img.png)
1. useMemo Hook 01.The React useMemo는 memorized value를 반환하는 React의 Hook이다. w3schools 에서는 useMemo를 사용하면 값이 더는 계산될 필요가 없다고 저장하는 것으로 간주한다.라고 정의하고있다. 02.useMemo Hook은 이것의 dependencies가 없데이트 될 때, 오직 한번 실행된다. useMemo(callback function, declare array[]) : useMemo는 인자로 callback function과 의존성 배열을 받는다. const calculation = useMemo(() => expensiveCalculation(count), [count]); //아래의 함수를 배열에 의존하게 해서 count가 변하..
01.React.js 환경설정 React를 사용하기 위해선 아래의 react와 react-dom를 import해줘야 한다.(어려운 방식으로 시작) https://unpkg.com/react@17.0.2/umd/react.production.min.js https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js => react = library, interactive하게 만들어주는 원동력 react-dom = library or package, 모든 React Element들이 html body에 들 수 있도록 해준다. 02.React JS로 Element 만들기 01. element 생성 - const span = React.createElem..