반응형

전체 글 350

[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

[RN] IOS, 애플 사내 배포용 어플만들기(ADHOC 애드훅)

+++ 조건 +++ 1인개발자이거나 100명 이하의 법인의 경우 엔터프라이즈 id가 아니므로 adhoc을 통해서 사내 개발용 어플을 배포해야한다. 2. adhoc을 위해서 일단 프로비저닝을 생성해야한다. https://es1015.tistory.com/317 [iOS] Adhoc 용 IPA 생성 및 배포 Ad Hoc용 IPA 생성법 Ad Hoc 참고사항 한정된 인원의 사용자에게 내부 배포 또는 테스트 용으로 사용 iPhone, iPad, iPod touch, Apple Watch, Apple TV 각 100대씩 설정 가능하며, 멤버십 갱신 1년 기준 1. 프로비저 es1015.tistory.com 1. 프로비저닝 프로파일 생성 (Provisioning Profiles) 1-1. Apple Develope..

코딩/React Native 2023.02.24

[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

[RN] Flatlist 무한스크롤링 이벤트

onEndReached 함수 호출 부분. onEndReachedThreshold FlatList의 뷰 위치 설정. 해당 내용을 분석하면 전체 크기에 80%에 도착하면 console을 찍게 해놨다. onEndReachedThreshold={0.8} onEndReached= {() => { console.log(80);} 요렇게 쓰면 해당 무한 스크롤링 이벤트 기초부분이 완성된다. 해당 코드에 도착하면 append 식으로 구현하면되니까. 하지만 animation으로 숨겨졌다 보여졌다하는 기능들은 해당 방식으로 구현이 불가능하다. onScroll을 통해서 유저가 올렸다 내렸다 하는 해당 부분을 감지하는 로직을 추가해야 해당 부분이 완성된다.

코딩/React Native 2023.02.05

[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

[React.JS] 자식창에서 부모창 호출하기.

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

취업/React.JS 2023.01.26

[React.JS] Crypto-JS AES-256 암호화 PHP에서 복호화

암호화는 무지하게 쉬웠다. 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)..

취업/React.JS 2023.01.26
728x90