본문 바로가기

react3

[React] useOutletContext로 props 전달 useOutletContext는 컴포넌트에 내장된 Hook으로 자식 컴포넌트에게 props를 전달할때 사용한다라우터 설정import { createBrowserRouter } from 'react-router-dom';export default createBrowserRouter([ { path: '', element: [], errorElement: , children: [ { path: '/home', element: , }, { path: '/work', element: , children: [ { path: '', element: }, { path: .. 2024. 8. 30.
[React] Cypress로 E2E 테스트 E2E 테스트 ( End-to-End ) 사용자의 관점에서 애플리케이션을 테스트 애플리케이션의 모든 부분이 의도한 대로 작동하는지 확인하는 데 중점을 둔다 cypress Cypress is a next generation front end testing tool built for the modern web. Latest version: 13.5.0, last published: 5 days ago. Start using cypress in your project by running `npm i cypress`. There are 521 other projects in the npm registry using cypress www.npmjs.com 라이브러리 install npm install --dev .. 2023. 11. 14.
[에러일지] Pass 본인인증 Window: message 이벤트 Window: message 이벤트 문제 새창을 띄워 PASS 본인인증을 하였지만 본인인증 버튼를 누른 (현재) 페이지에서는 본인인증이 완료 되었는지 모름 해결 메세지 수신을 위해 사용함 useEffect(() => { window.addEventListener('message', (event) => { const { verified } = event.data; if (verified) { axios .post(`${backUrl}/api/account/identification`, { name: event.data.name, birthdate: event.data.birthdate, gender: event.data.gender, CI: event.data.CI, phoneNumber: event.da.. 2023. 9. 12.

티스토리툴바