분류 전체보기
-
AWS AmazonConnectApp.init() Sample with TypescriptDEV/aws 2024. 2. 20. 17:56
SampleCode.tsx import './App.css'; import { AgentClient, AgentStateChangedHandler } from "@amazon-connect/contact"; import { AgentStateChangedEventData } from "./type/AgentStateChangedHandler" const agentClient = new AgentClient(); console.log("agentClient : ", agentClient) function App() { const handler: AgentStateChangedHandler = async (data: AgentStateChangedEventData) => { console.log("Agent..
-
-
React Component 가변적으로 생성/추가하기, 제거하기 (Alert 가변 생성 예시 포함)DEV/react 2024. 2. 19. 11:00
* 컴포넌트 동적으로 생성/추가(가변적으로 생성)하는 코드만 필요한 경우 앞 Alert 코드는 넘어가도록 하자. 회원가입 및 로그인 기능을 구현하다 보니 로그인, 회원가입에 대한 Alert이 필요했다. (성공, 실패 여부. 에러 및 실패에 대한 사유 등 알림을 띄워주기 위해 필요.) Alert Component를 하나 만들고 로그인 및 회원가입 API Response에 따라 Alert을 가변적으로 생성하려고 한다. 우선 Alert 코드를 다음과 같이 생성하였다. Alert.js import style from '../../style/component/Alert.module.css' import React, { useRef, useEffect } from 'react'; /** * [Alert] * @pa..
-
React Javascript 키 입력 이벤트 "onKeyPress is deprecated..." onKeyDown, onKeyUp을 쓰자.DEV/react 2024. 2. 16. 10:51
Javascript나 React에서 현 시점에서 onKeyPress를 쓰면 onKeyPress 와 같이 표출되면서 "onKeyPress is deprecated" 경고문이 발생한다. "나중에 지원 안할꺼니까 쓰지 마셈" 경고문이다. (사실 아직은 좀 많이 남았지만...) 아무튼 당장 사용에 문제는 없지만 onKeyDown이나 onKeyUp와 같은 이벤트를 사용하여 작성하자. // ...생략 const enterKeyEvent = (e) => { if(e.key === 'Enter') { // ... 이벤트 동작 } } // (React input)...생략 onKeyDown={enterKeyEvent}