민프

birthDatePickerHandler(date)} readOnly /> readOnly를 붙여주면 키보드 입력을 막아준다.

setStartDate(date)} showPopperArrow={false} /> label태그 안에 htmlFor ="~"를 붙이고 DatePicker id값에 htmlFor안에 있는 값을 넣어주면 아이콘을 클릭하더라도 DatePicker가 클릭된다. 사실 이건 근데 Input에서도 label과 함께 사용하면 같은 효과를 받을 수 있다.

https://reactcommunity.org/react-modal/accessibility/ Accessibility - react-modal documentation Accessibility react-modal aims to be fully accessible, using the WAI-ARIA guidelines to support users of assistive technologies. This page describes some of react-modal's accessibility-oriented features, along with their configuration options. It is import reactcommunity.org react-modal을 사용하다가 이러한 경고 ..

일반적으로 자바스크립트에서 json을 import하는 방법은 import exJSON from `../sample.json'; 이렇게 자바스크립트로 작성했을 때는 문제가 없는데 타입스크립트로 전환하게 된다면 타입스크립트는 기본적으로 JSON파일 확인을 지원하지 않기 때문에 json을 가져오기 위해 몇 가지 설정이 필요하다. jsconfig.json { "compilerOptions": { "moduleResolution": "node", "resolveJsonModule": true, "esModuleInterop": true } }

Recoil라이브러리의 필요성 https://recoiljs.org/ko/docs/introduction/motivation 동기 | Recoil 호환성 및 단순함을 이유로 외부의 글로벌 상태관리 라이브러리보다는 React 자체에 내장된 상태 관리 기능을 사용하는 것이 가장 좋다. recoiljs.org 공식문서에 의하면 사실 React 자체 기능을 사용하는 것이 좋다고 하지만 다음과 같은 한계가 있다고 하였다. 컴포넌트의 상태는 공통된 상위요소까지 끌어올려야만 공유될 수 있으며, 이 과정에서 거대한 트리가 다시 렌더링되는 효과를 야기하기도 한다. 이 두 가지 특성이 트리의 최상단(state가 존재하는 곳)부터 트리의 말단(state가 사용되는 곳)까지의 코드 분할을 어렵게 한다. 즉 Recoil은 모든..

ZENDESK의 봇을 이용할 때 봇 로직을 추가할 수 있다. 1. chat 어드민 -> 봇 -> 봇 추가 를 클릭하면 봇을 추가할 수 있다. 2. 봇 이름 입력해주기 3. 답변 만들기 클릭 4. 답변 의도와 훈련 문구 적어주기 5. 알맞게 단계 추가하기 이렇게 하면 내가 설정한대로 봇이 질의응답을 해주는 것을 확인할 수 있다.

https://www.zendesk.com/service/messaging/live-chat/ 13년 실시간 채팅 소프트웨어와 앱 '베스트 2021' 실시간 채팅 소프트웨어와 실시간 모바일 채팅 앱으로 고객의 참여를 유도하세요. Zendesk에서 무료로 사용해 보고 고객과의 모든 대화를 한 곳에서 진행하세요. www.zendesk.kr 프로젝트에 ZENDESK챗봇을 적용해야해서 ZENDESK챗봇을 적용해보려고 한다. 적용방법은 간단하다 1. 위 사이트에서 'Free Trial' 을 클릭한다 2. 초대 링크를 수락하고 'account' 페이지에 접근한다. 3. 카테고리에서 '메세징과 실시간 채팅 - 웹 사이트에 Zendesk'를 클릭한다. 4. 앱 위젯 임베드 코드를 웹 위젯을 표시하려는 각 웹 페이지의 ..

에러 내용 Type '{ btnText: string; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. Property 'btnText' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. 상황은 이렇다 컴포넌트에 props를 통해서 btnText를 보내려고 한다. 받는쪽에서는 이런식으로 props를 받으려고 하는데 constructor(props: any) { super(props); console.log("props", props); } 위와 같은 'IntrinsicAttributes & In..

1. 먼저 공식홈페이지에서 Free Trial을 클릭해서 회원가입을 해준다. https://www.geetest.com/en/ Geetest CAPTCHA: Protect website, APIs and mobile apps from bots With 7-layer dynamic protection, GeeTest Bot Management Solutions accurately mitigate online frauds without bothering real users. www.geetest.com 2. Create application을 클릭하여서 내 프로젝트에 사용할 부분을 만들어준다. 만들어주면 ID 값과 Key값이 나오는데 이 부분을 실제 코드에 넣어줄 것 이다. 3. 개발자 문서에서 React부..

https://developers.google.com/recaptcha/docs/faq#id-like-to-run-automated-tests-with-recaptcha-v2-what-should-i-do Frequently Asked Questions | reCAPTCHA | Google Developers Frequently Asked Questions Stay organized with collections Save and categorize content based on your preferences. Should I use reCAPTCHA Enterprise? reCAPTCHA Enterprise offers 1 million assessments per month for free and ad..