본문 바로가기

전체 글51

React Router를 활용한 Toss Payments Redirect 처리 Toss Payments를 사용하는 프로젝트에서는 결제 성공/실패 후 Redirect URL로 사용자를 안내해야 합니다. 이 과정에서 URL 파라미터를 통해 결제 상태를 전달받아 처리하고, 적절한 페이지로 리디렉션하는 로직을 구현할 수 있습니다.아래는 Toss Payments의 성공 및 실패 Redirect 처리 컴포넌트를 구현하는 방법과 관련된 내용을 설명합니다.1. Redirect URL 설정Toss Payments 요청 시 successUrl과 failUrl을 설정합니다. 이 URL로 결제 성공 또는 실패 후 리디렉션됩니다.tossPayment.requestPayment('카드', { amount: productAmount, orderId: id, orderName: name, .. 2022. 10. 12.
Toss Payments를 활용한 결제 기능 구현하기 Toss Payments는 간편하고 안전한 결제 시스템을 제공하며, React 프로젝트에서 쉽게 적용할 수 있습니다. 이번 글에서는 Toss Payments SDK를 사용해 결제 기능을 구현하는 방법을 단계별로 설명하겠습니다. 1. 결제 함수 구현결제 요청을 처리하는 useTossPayment 함수입니다. 이 함수는 사용자 데이터를 저장하고 Toss Payments로 결제를 요청합니다.import { loadTossPayments } from '@tosspayments/payment-sdk';import Swal from "sweetalert2";const useTossPayment = async (id, name, price, url, rcpName, addrPost, addr1, addr2, phon.. 2022. 10. 12.
Webpack 5에서 "Rule can only have one resource source" 에러 해결 방법 Webpack 5를 사용하다 보면 아래와 같은 에러를 만날 수 있습니다:Error: Rule can only have one resource source (provided resource and test + include + exclude) 이 에러는 Webpack의 규칙 설정에서 resource, test, include, exclude를 함께 사용했을 때 발생합니다. Webpack 5에서는 이러한 조합이 허용되지 않으며, 설정을 분리하거나 규칙을 수정해야 합니다. 하지만 만약 프로젝트의 의존성 문제나 기존 코드와의 호환성 때문에 Webpack 5를 사용하는 것이 어렵다면, Webpack 4로 다운그레이드하여 문제를 해결할 수 있습니다.  --- Webpack 버전 다운그레이드 방법 아래는 Webpac.. 2022. 1. 10.
PHP: 연차 계산 로직 구현 및 설명 이번 글에서는 PHP를 사용하여 직원의 연차 계산 로직을 구현하는 방법을 소개합니다.이 코드는 직원의 근속기간에 따라 연차를 계산하며, 사용된 연차 일수와 남은 연차 일수를 처리합니다.이와 함께 공휴일 및 주말(토/일)을 제외한 계산 로직도 포함되어 있습니다.---연차 계산 로직 설명연차 계산 로직은 다음과 같은 흐름으로 구성됩니다: 1. DB에서 데이터 조회연차 데이터(holliday 테이블)에서 현재 사용자와 관련된 승인된 데이터를 가져옵니다.최신 데이터부터 정렬합니다.2. 근속 기간 계산입사일부터 오늘까지의 기간을 계산합니다.연 단위($calDate->y) 및 월 단위($calDate->m)로 나뉘어 계산됩니다.3. 총 연차 일수 계산근속기간이 1년 미만일 경우, 근속 월수만큼만 연차를 지급합니다... 2021. 12. 27.
Composer detected issues in your platform: Your Composer dependencies require a PHP version ">= 7.4.0 Error composer install 후 "Composer detected issues in your platform: Your Composer dependencies require a PHP version ">= 7.4.0" 에러 발생 시 composer install에 --ignore-platform-reqs 옵션을 추가하여 install시 해결 2021. 12. 13.
npm install node-sass error node-sass 설치 후 Error: ENOENT: no such file or directory, scandir '/usr/local/lib/node_modules/node-sass/vendor' 문제 발생 시 sudo npm install -g --unsafe-perm node-sass 로 설치 시 해결 2021. 12. 13.

티스토리툴바