kasumil의 코딩 공작소

https://datatables.net/plug-ins/pagination/input Navigation with text input Navigation with text input Shows an input element into which the user can type a page number Sometimes for quick navigation, it can be useful to allow an end user to enter which page they wish to jump to manually. This paging control uses a text input box datatables.net 페이지네이션으로 페이지별 쪼갰는데, 해당 기본 옵션에선 첫장과 끝장빼곤 한개씩 이동이라.....

회사에서 외주로 준 코드에서 문제가 발생하였다. 원인이 무엇인고하고 봤더니, userip를 가져오는 부분이 있는데 해당 부분에서 에러가 발생하였다. 원인은 user ip 주소를 가져오는 방식에 유료라이브러리를 사용하였는데, 해당 사용시 갯수 제한에 걸린 것. https://ipapi.co/json { "error": true, "reason": "RateLimited", "message": "Visit https://ipapi.co/ratelimited/ for details" } 제한이 걸려있으면 진짜 이렇게 온다. https://ipapi.co/json/token 이렇게 구별하는 것 같은데, 무료일 경우 token이 필요없다. 찾아보니 무료인지는 모르는 것 1개와 https://geolocation-..

처음부터 말한다. 중원에 진짜 쌉고수는 넘쳐난다. 이거 문서보고 박수쳤다. 와~ 하....이걸 해결하는데 몇시간동안 삽질했다. PG사 결제시 세션이 날라가는 문제가 있는데, 이걸 살리는 용자들이 있더라. 와... 지금도 박수만 나옴. 증상 : PG사 결제시 간혹 정상적으로 결제가 되는데, 안그러기도 한다. 이유 : chrome 80 SameSite cookie CORS 보안 변경사항. 타 도메인에서 iframe, FORM POST 등을 통해 넘어올 때 secure; SameSite=None 으로 세팅되지 않은 쿠키값을 브라우저가 서버로 전달하지 않습니다. PG 결제시 처럼 '갔다 오는' 상황에서는 살려주기도 하는 듯 한데, 조금만 지체되어도 안살아나는 등 살려주는 명확한 조건을 모르겠습니다. 이게 문제다..

https://www.npmjs.com/package/react-iframe-form react-iframe-form React iFrame Form. Latest version: 1.0.4, last published: 4 years ago. Start using react-iframe-form in your project by running `npm i react-iframe-form`. There is 1 other project in the npm registry using react-iframe-form. www.npmjs.com 리액트에서 iframe을 쓰는 것은 어렵지 않다. 그런데, POST나 GET을 같이 전송하기는 굉장히 어려워진다. 왜냐하면 Form태그를 이용하여 submit을 구현하..

버전 4.2 자동라우팅이 꺼짐 상태로 나오기에 해당 세팅을 수정하면된다. app/config/Routes.php 세팅 설정. // $routes->setAutoRoute(false); $routes->setAutoRoute(true); 해당 내용으로 바꿔주거나 추가하면 자동으로 붙는다. ++ 참고 https://cikorea.net/bbs/view/qna?idx=24925&page=1&hit=not&view_category=&lists_style=&scroll=5416&page_comment=1 설치관련 및 controller 문의드립니다. 안녕하세요 가입하자마자 이렇게 문의먼저 남깁니다. ci4는 처음이라 다소 어려움이 있어 혹시나 이런글 보고 도움이 되실수도 있겠단 생각이 들어 설치부터 현재 진행한것..

제이쿼리 내 배열 검색 기능. 배열 내용을 join하면 된다. let dataTable = $('#dataTable').DataTable({ responsive: true, order: [[0, 'desc']], }); let checkBoxArr = []; $('#filter .filter').on('change keyup', function () { if(this.checked == true) { checkBoxArr.push(this.value); } else { checkBoxArr = checkBoxArr.filter((el) => { return el !== this.value; }); } dataTable .column(1) .search(checkBoxArr.join("|"), true, ..

2021.12.30 - [취업/PHP] - [php] curl 통신 유형 post,get,put, delete [php] curl 통신 유형 post,get,put, delete 차트 유형이 여러게 있는데 이렇게도 쓰더라. function CallAPI($method, $api, $data) { $url = "http://localhost:82/slimdemo/RESTAPI/" . $api; $curl = curl_init($url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); switch ($method) { case kasumil.tistory.com 기존 코드들이 POST 방식의 Curl이었는데, 해당 방법은 qs 방식 Delete QueryString..

원인은 간단하다. 보통 map 함수로 레이아웃 컴포넌트로 생성된 여러개의 해당 함수를 호출하는데, 이때 특정 event을 하는 함수가 내장되어 있다면 개발자가 보기엔 1개지만, map함수로 호출된 갯수만큼 동일한 이름의 함수가 생성된다. 그러므로 해당 event를 일으키는 것을 외부로 꺼내서 호출하는 방식으로 사용하면 한번만 사용하게 된다. counter 내 increase, decrease 함수가 있다면 map으로 30개를 counter를 복제했을 경우, increase 호출 시 30번 호출하게 되는 것. 그래서 이를 바깥으로 꺼내 counter에서 호출해서 사용하는 방법을 사용하면, 해당 이슈가 해결된다.

보통 자식창에서 작동하는건 iframe태그 안에서 호출하는데, 도메인이 다른 사이트에서 부모창의 이벤트를 관리해줘야 하는 부분이 생겼다. 팝업 자식창을 호출하는데 있어 흔하게 사용하는 window.open(url, '이름', '옵션); 을 사용했다. 해당하는 자식창에 부모함수를 호출을 어떻게 하나 했는데, 아주 좋은 글이 있어서 해당 글을 참조했다. window.opener는 맞는데, 그 이후 window.opener.document 등등 적혀있어 죄다 작동이 안된다. cors 오류 뿜뿜... CORS 문제로 인해서 아래의 링크를 참조. // 자식창에서 코드 인입. window.opener.postMessage({code:'event'}, 'domain주소'); // 난 1번라인의 코드로 수정해서 사용했..

암호화는 무지하게 쉬웠다. https://jforj.tistory.com/291 [React] 브라우저에서 암호화를 사용할 경우 발생하는 문제점 안녕하세요. J4J입니다. 이번 포스팅은 브라우저에서 암호화를 사용할 경우 발생하는 문제점에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서... 아래 글에서 사용될 암호화는 대표 jforj.tistory.com 암호화 단계 import cryptoJs from 'crypto-js'; const secretKey = '12345678901234567890123456789012'; // 32자리 비밀키 const iv = 'abcdefghijklmnop'; // 16자리 iv // 암호화 export const encrypt = (text: string)..