WEB

[Vue2] 오류: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated:

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "" 다음과 같은 오류가 발생했다. Vue warn이라 그런지 동작하는데 문제는 없지만, 그래도 이런 오류는 해결해주는게 인지상정😉 부모 component가 다시 렌더링되면 값이 overwritten되기 때문에 prop을 직접 변화시키는걸 피하라면서, data나 computed를 사용하라고 한다. Vue2의 공식문서에서 다음과 같이 설명..

[PHP] 페이지 이동하는 방법

# 페이지 이동하기 1. javascript location.href 사용 echo ""; 2. javascript location.replace 사용 echo ""; 3. PHP hearder 사용 header("location: URL입력"); # 이전페이지로 이동하기 1. javascript history 사용 echo ""; 2. PHP $_SERVER["HTTP_REFERER"] 사용 PHP는 이전페이지의 경로를 $_SERVER["HTTP_REFERER"] 환경변수에 저장한다. header("location:$_SERVER['HTTP_REFERER']"); header('location:'.$_SERVER["HTTP_REFERER"]);

[네이버페이] 쇼핑몰 연동하기 -3.주문등록, 주문페이지 호출

버튼을 각 페이지, 취급가능상품에 알맞게 생성했다면, 주문등록하기 전에 프로세스를 먼저 살펴보겠다. (이 글은 주문형v2.1 독립몰 개발을 목적으로 썼다😎) 3.0 주문 V2.1 프로세스 1. 기본 프로세스 1) 상품상세페이지, 장바구니에서 구매하기 버튼을 클릭 2) 네이버 주문 등록 URL로 주문정보(XML)를 전달 3) 네이버 주문 등록이 성공하면, 인증키, 가맹점번호를 리턴 4) 리턴받은 인증키, 가맹점번호로 네이버 주문서 호출 및 확인 2. 도서산간비 연동 도서산간비는 네이버페이 주문서에서 배송정보를 입력할 때 결정된다. 5) 주문서에 배송정보 입력 6) 네이버페이에서 가맹점(자사몰)로 도서산간 API 호출 7) 가맹점(자사몰)에서 네이버페이로 도서산간 비용 응답 👉 가맹점에서 도서산간API를 만..

[네이버페이] 쇼핑몰 연동하기 -2.네이버페이 버튼 스크립트 설치

2_ 네이버페이 버튼 스크립트 설치 네이버페이 버튼은 상품 상세페이지, 혹은 장바구니 페이지에 삽입한다. 1) 네이버 버튼 스크립트 - header 적절히,,header파일의 head 영역에 삽입하면 될 것 같다. 2) 네이버 버튼 스크립트 상세설정 - 상품상세페이지, 장바구니페이지 네이버페이 버튼에서 사용하는 함수 반드시 버튼생성되기 전에 선언(🥕) function buy_nc(url) { var check = checkOption(document.getElementById("opt").color, 0, "색상") && checkOption(document.getElementById("opt").size, 0, "크기") && checkShippingPrice(document.getElementById..

[네이버페이] 쇼핑몰 연동하기 -1.네이버 공통유입경로 스크립트 설치

네이버페이 연동은 가이드(매뉴얼)이 잘 되어있어 따라만 하면 된다고 한다. 매뉴얼을 보고도 이해가 안가면 동영상으로도 상세히 설명해준다. 게다가 연동하다가 어렵다거나, 잘 안 될 경우 네이버쪽 담당자(dl_techsupport@navercorp.com)에게 메일을 보내면 답변해준다고 하니 한 번 해보도록 하자! # 주문 버전 선택 우리는 옵션정보나 추가상품 등 고려해야 할 사항이 많기 때문에 주문 2.1 버전으로 선택한다. # 5단계 개발 단위 구분 동영상에서 개발 단위를 5가지로 구분하여 설명해주고 있다. 벌써 진땀이 난다..💧 0_개발 시작 전 준비하기 📌가맹점ID와 심사완료메일로 온 세가지 인증키를 확인한다. 가맹점ID : merchantId 가맹점인증키 : CERTI_KEY 버튼 인증키 : BUT..

[JS] 전화번호에 자동으로 '-' 붙이는 정규식

1. ##-####-#### 혹은 ###-####-#### 혹은 ###-###-#### const phone = '01012345678' const phone2 = '0511231234' phone.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); //'010-1234-5678' //'051-123-1234' *주의할 점 숫자만 존재할 때 동작하는 정규식이므로 숫자를 제외한 모든 문자를 제거해줘야 한다. const phone = '01012345678' const phone2 = '0511231234' phone.replace(/[^0-9]/g, '') .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); //'010-1..