일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- pm2 시작
- html #select #option #multiple
- AntDesign
- pm2 상태 확인
- DataGridView 직접 입력
- 데이터테이블 데이터 넣기
- map이 undefined가 뜰 때
- pm2 확인
- Replication
- setInterval clear
- 공인IP
- pm2 설치
- mySQL_Replication
- 맥 어드레스
- timepicker
- listener 1883
- datagridview 직접입력
- 1883
- setInterval 정지
- 서버동기화
- allow_anonymouse
- pm2
- setInterval 중지
- DatePicker
- transfer
- c# datagridview 데이터 넣기
- mosquitto.conf
- setInterval 외부 정지
- invalid data
- mosquitto
- Today
- Total
목록전체 글 (700)
개발 노트
https://ant.design/ Ant Design - The world's second most popular React UI framework ant.design Ant design은 Css가 적용된 React 컴포넌트들을 무료로 쉽게 제공해주는 사이트이다. npm을 인스톨 해서 사용하는 외부 라이브러리이다. 사용법은 DOCS에 보면 자세히 나와있고 간단히 적어보자면, 사이트 상단 우측의 components에 들어가면 종류별로 components가 있다. 그중 Mentions라는 컴포넌트를 가져와서 넣어보자. 들어가면 여러종류가 있는데 그중 제일 첫번째로 시도해보겠다. 파란 동그라미안의 화살표를 누르면 코드가 뜨는데 typescript가 아닌 javascript로 하겠다. 위의 코드가 뜰텐데 먼저..
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 기본 ..
01. LocalStorage 기본 API // 키에 데이터 쓰기 localStorage.setItem("key", value); // 키로 부터 데이터 읽기 localStorage.getItem("key"); // 키의 데이터 삭제 localStorage.removeItem("key"); // 모든 키의 데이터 삭제 localStorage.clear(); // 저장된 키/값 쌍의 개수 localStorage.length; 엄밀하게는 window.localStorage를 사용해야하지만 줄여서 사용할 수 있다. 02. with Json localStorage는 기본적으로 문자열 데이터 밖에 저장할 수 없다. 이러한 웹 스토리지의 성질 때문에 객체형 데이터를 저장할 때 다음과 같이 큰 낭패를 보게 될 수도 ..
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에 있는 예제이다. ..
1. React관련 포스팅 다 하기 2. Json,Api->Axios 등 적어주신거 다 한번씩 찾아보기 3. Page 만들기
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); }..