전체 글

PHP, MOBILE, WINDOWS, HYML, CSS, JAVASCRIPT, SERVER, MYSQL, APP, PROGRAM, IT 정보
Web/JavaScript

jQuery FilePond - 파일업로드 및 이미지 최적화

jQuery FilePond는 JavaScript 라이브러리인 FilePond용 편리한 jQuery 어댑터로, 무엇이든 업로드할 수 있고, 더 빠른 업로드를 위해 이미지를 최적화하며, 훌륭하고 액세스 가능하며 매끄럽고 부드러운 사용자 경험을 제공합니다. 또한 이미지 편집이 필요하십니까? Pintura는 최신 JavaScript 이미지 편집기 를 찾고 있습니다. Pintura는 자르기 종횡비 설정 , 크기 조정 , 회전 , 자르기 및 이미지 뒤집기 를 지원 합니다. 무엇보다도 FilePond와 아름답게 통합됩니다. Learn more about Pintura Pintura Image Editor, a Powerful JavaScript Image Editor SDK A powerful JavaScript ..

React Native

소셜로그인 진행시 Android hasykey 추출 3가지 방법

소셜로그인 진행시 Android HashKey 추출방법 공유드립니다. 아시는분들도 계실테지만 참고만해주세요 mac & window 별로 정리해두었습니다. 1. android Debug keystore 안드로이드에서 디버그 key 추출 하는 방법이다. -alias 설정된 android 이름이고 건드리지 않았다면 androiddebugkey가 default 이다 -keystore 에는 deebug.keystore 위치 경로를 작성해주고 실행을 하면 키를 발급받을수있다. Mac keytool -exportcert -alias androiddebugkey -keystore ~./android/app/debug.keystore -storepass android -keypass android | openssl sh..

DataBase

Mac 에서 사용 가능한 MySQL, PostgreSQL, SQLite 데이터베이스 관리 Tool TablePlus

TablePlus는 MySQL, PostgreSQL, SQLite, Microsoft SQL Server 등과 같은 여러 데이터베이스를 동시에 관리할 수 있는 우아한 UI를 갖춘 현대적인 기본 도구입니다. 지원되는 데이터베이스 현재 TablePlus를 사용하여 다음 작업을 수행할 수 있습니다. PostgreSQL MySQL MariaDB SQLite Microsoft SQL Server Amazon Redshift Oracle (Only macOS) CockroachDB Snowflake (macOS and Windows) Cassandra Redis Vertica MongoDB (Beta) Percona, Yugabyte DB 등과 같이 위에 나열된 데이터베이스와 동일한 프로토콜을 사용하는 모든 데이터..

React Native

NPM libs colors, faker 사용 주의

colors, faker 모듈 쓰시는분 꼭 참고하세요. 사건개요 - colors, faker 모듈 개발자가 오픈소스 커뮤니티를 대기업이 무임승차해서 돈 버는게 못마땅함. - 열받은 개발자가 무한루프 코드를 npm 업로드 - 난리가 남(주당 다운로드가 2천만건 ) 처음에는 ua-parser-js 처럼 개발자 권한 탈취된줄 알았음 - 알고보니 개발자가 일부러 그런것을 발견 - Github가 개발자의 npm, github 권한을 회수하고 npm 모듈 버전을 강제로 되돌렸다고하네요 https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/

Etc

Google에 사이트맵 제출

Google에서는 사이트가 크롤링될 때마다 사이트맵을 확인하지는 않습니다. 사이트맵을 처음 발견했을 때만 확인하며 이후에는 사이트맵을 변경했다는 사실이 핑된 경우에만 확인합니다. 사이트맵을 새롭게 변경했거나 업데이트했을 때만 Google에 알립니다. 변경되지 않은 사이트맵을 여러 번 제출하거나 핑하지 마세요. 사이트맵에서 페이지를 업데이트한 경우 페이지를 입력란으로 표시합니다. 다른 XML 파일에도 이와 비슷한 입력란이 있습니다(Atom XML의 경우 ). 이 날짜를 계산하는 방법도 알아보세요. Google에 사이트맵을 제공하는 데 몇 가지 방법이 있습니다. 사이트맵 보고서를 사용하여 사이트맵을 제출합니다. 핑 도구를 사용합니다. 브라우저나 명령줄에서 이 주소로 GET 요청을 보내 사이트맵의 전체 URL..

Web/CSS

컬러 팔레트를 찾는 데 시간을 낭비하지 말고... 그라디언트

완벽한 컬러 팔레트를 찾는 데 시간을 낭비하지 마십시오! 색상을 입력하기만 하면 됩니다! 그리고 멋진 색상 팔레트 생성 My Color Space 사용자가 입력한 16진수 코드로 알려진 한 가지 색상을 기반으로 색상 팔레트를 생성하는 첨단 색상 구성표 생성 도구입니다! 그 외에도 이 도구를 사용하여 배경 이미지에 대한 3색 그라디언트를 만들 수 있습니다. 색상을 선택하고 도구가 그라디언트를 생성하도록 하고 CSS 코드를 복사하여 사이트에 붙여넣습니다. https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycol..

Web/JavaScript

TypeScript] 가볍고 사용하기 편한 이미지 슬라이더/캐러셀

Splide는 TypeScript로 작성된 유연하고 가벼운(27kB) 액세스 가능한 슬라이더입니다. 여러 슬라이드, 축소판, 중첩 슬라이더, 세로 방향 등과 같은 옵션을 변경하기만 하면 다양한 종류의 슬라이더를 만들 수 있습니다. 또한 API를 사용하거나 확장을 빌드하여 슬라이더 기능을 향상시킬 수 있습니다. TypeScript로 작성 종속성이 필요하지 않습니다. 경량, 27kB(11kB gzip 압축) 유연하고 확장 가능 300개 이상의 테스트 케이스로 보호 여러 슬라이드 CSS로 슬라이드 또는 페이드 전환 중단점 지원 CSS 상대 단위 허용 이미지를 자를 필요가 없습니다. 진행률 표시줄 및 재생/일시 중지 버튼으로 자동 재생 RTL 및 수직 방향 마우스 드래그 앤 터치 스와이프 자유 드래그 모드 마우..

Web

Node.js 와 NPM 최신버전으로 업그레이드 하기

이번 포스트는 기존에 node.js 가 설치 되어있는 상태에서 Node.js 와 NPM 을 최신버전으로 업그레이드 하는 방법에 대한 팁 입니다. 주의: 일부 모듈에선 v6.0.0 을 지원하지 않습니다. # Node.js 설치 및 업그레이드 다음 절차에 따라서 업데이트를 진행하세요. Node 설치 $ yum install nodejs $ node -v v6.17.1 $ npm -v 3.10.10 $ npm install -g yarn $ yarn -v 1.22.17 현재 NodeJs 버전 확인하기 $ node -v v6.17.1 강제로 캐시 삭제 $ sudo npm cache clean -f npm WARN using --force I sure hope you know what you are doing. ..

Web

Ubuntu에 React, Node 배포하기

안녕하세요. 일루넥스 개발팀 박두현 입니다. 오늘은 React와 Node 서버 배포 방법에 대해 간단히 정리해보았습니다. Nginx를 이용한 React 배포 nginx를 통해 build된 React 프로젝트를 서버에 배포한다. 1. Nginx설치 1.1 Nginx 설치 nginx 사용을 위해 서버에 설치한다. sudo apt get update sudo apt install nginx 1.2 nodejs 설치 nginx 사용을 위해 서버에 설치한다. sudo apt get install nodejs // 설치 확인 nodejs -v npm --v 1.3 확인 정상적으로 nginx가 설치 되면 해당 서버 ip 주소로 접속했을 때 다음처럼 nginx 기본 화면이 뜬다. 1.4 nginx 설정파일 수정 ngi..

Web/PHP

PHP] 사이트맵(sitemap.xml) 생성하는 소스

XML 사이트맵을 생성하는 객체 기반 PHP 사이트맵 생성하는 소스 특징 누락된 기능을 구현하거나 추가 기능을 추가하는 데 도움을 주세요. 웹사이트용 사이트맵 생성 사이트맵 생성을 위한 다양한 옵션 특정 파일 유형만 보는 옵션 크롤링할 때 클라이언트 측 자바스크립트 콘텐츠 로드 모든 상대 링크 유형(// , # , ?) 등을 구문 분석합니다. https://github.com/tristangoossens/php-sitemap-generator 1. 다운로드후 sitemap-config.php 파일을 열고 웹사이트 주소로 변경 "SITE_URL" => "https://student-laptop.nl/", 이 부분을 찾아서 2. sitemap-config.php, sitemap-generator.php, s..

React Native

Chocolatey로 윈도우에서도 패키지 관리를 해보자

https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Chocolatey로 윈도우에서도 패키지 관리를 해보자 https://tutorialpost.apptilus.com/code/posts/tools/chocolatey-windows-package-manager/

Web/PHP

PHP] 네이버맵 API를 이용한 좌표로 주소구하기

네이버맵 API를 이용한 좌표로 주소를 구할 수 있으며 반대로 주소로 해당 좌표도 구할 수 있습니다. 네이버맵 API 가이드 https://api.ncloud-docs.com/docs/ai-naver-mapsreversegeocoding-gc

Web/PHP

PHP] map 폴리곤(Polygon) 영역의 중심 좌표 구하기

폴리곤 영역안의 중심 좌표를 구하는 함수입니다. //중심 좌표 구하기 /*******************************/ function get_center($coords) { $count_coords = count($coords); $xcos=0.0; $ycos=0.0; $zsin=0.0; foreach ($coords as $lnglat) { $lat = $lnglat['lat'] * pi() / 180; $lon = $lnglat['lng'] * pi() / 180; $acos = cos($lat) * cos($lon); $bcos = cos($lat) * sin($lon); $csin = sin($lat); $xcos += $acos; $ycos += $bcos; $zsin += $csi..

Web/PHP

사업자등록정보 진위확인 및 상태조회 - PHP 오픈 API

국세청에서 보유한 사업자등록정보에 대한 진위확인 및 상태조회 서비스가 오픈API로 개방되었습니다. 한 번에 최대 100개의 사업자등록정보에 대한 진위확인 및 등록 상태조회 기능을 제공합니다. 해당 오픈API에 대한 자세한 내용을 확인하시거나 활용신청은 아래 링크를 통해 가능합니다. https://www.data.go.kr/data/15081808/openapi.do 또한, 개발자가 아닌 분들도 자료실에 등록된 파일을 내려받고 엑셀 파일(.xlsx) 업로드를 통해 사업자등록 상태조회 오픈API를 테스트해볼 수 있습니다. https://www.data.go.kr/bbs/rcr/selectRecsroom.do?pageIndex=1&originId=PDS_0000000000753 실제 사업자등록번호 진위확인 A..

Web/PHP

현 위치에서 좌표 내부에 있는지 판단하는 알고리즘

class Point { public $lat; public $long; function Point($lat, $long) { $this->lat = $lat; $this->long = $long; } } //the Point in Polygon function function pointInPolygon($p, $polygon) { //if you operates with (hundred)thousands of points set_time_limit(60); $c = 0; $p1 = $polygon[0]; $n = count($polygon); for ($i=1; $ilong > min($p1->long, $p2->long) && $p->long long, $p2->long) && $p->lat lat,..

projin
웹인스토리