반응형

취업 182

[CI4] 국가코드 선택 라이브러리

https://github.com/jackocnr/intl-tel-input GitHub - jackocnr/intl-tel-input: A JavaScript plugin for entering and validating international telephone numbers A JavaScript plugin for entering and validating international telephone numbers - GitHub - jackocnr/intl-tel-input: A JavaScript plugin for entering and validating international telephone numbers github.com 요기서 쓰레기가 같은 유료 api를 쓰는데, intlTelIn..

취업/CodeIgniter 2023.04.18

[Datatable] datatable 페이지네이션 처리

전제 조건 : 필요내용 1. 전체 Rows 개수 2. 현재 페이지 3. 총 페이지 4. 현재 페이지 내에서 보여지는 Rows 5. DB에 요청할 ROW 순번 내용은 아래와 같습니다. 여기서 주는 값은 1번과 5번입니다. // 전체 테이블 개수 SELECT counst(*) as Total_count FROM table; // 동적 쿼리문 SELECT * FROM table LIMIT ?, 40; // 기본적으로 40개만 호출하고, 순번을 0~39개까지만 가져온다는 구문. // SQL에서 동적 쿼리문 테스트 구문. SET @num = 0; PREPARE Query From 'SELECT * FROM table LIMIT ?, 40;' EXECUTE Query using @num; 1번을 Front에 저장한..

취업/Datatable 2023.04.14

[Datatable]Navigation with text input 페이지 이동 input으로 페이지 이동하기로 변경.

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 페이지네이션으로 페이지별 쪼갰는데, 해당 기본 옵션에선 첫장과 끝장빼곤 한개씩 이동이라.....

취업/Datatable 2023.04.06

[React] user ip 추출하기.

회사에서 외주로 준 코드에서 문제가 발생하였다. 원인이 무엇인고하고 봤더니, 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-..

취업/React.JS 2023.03.31

[PHP] PG 결제 도중 끊어진 세션 다시 살리기.

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

취업/PHP 2023.03.03

[React] IFrame에 폼태그 전송하기.

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을 구현하..

취업/React.JS 2023.02.28

[CI4] CI4 4.2 version 자동라우팅 불가.

버전 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는 처음이라 다소 어려움이 있어 혹시나 이런글 보고 도움이 되실수도 있겠단 생각이 들어 설치부터 현재 진행한것..

취업/CodeIgniter 2023.02.15

[Datatable] 배열 검색 기능.

제이쿼리 내 배열 검색 기능. 배열 내용을 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, ..

취업/CodeIgniter 2023.02.13

[php] curl 유형 QS방식으로 변환하기.

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..

취업/CodeIgniter 2023.02.01

[React.JS] 리액트 하위 컴포넌트 함수 호출시 여러번 호출 이슈.

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

취업/React.JS 2023.01.27
728x90