Mariadb에서 NATURAL SORT를 정렬하는 방법은 이전까지의 버전에서는 포맷이 일정한 경우 일정한 포맷의 문자를 삭제한 다음 남아 있는 부분 가지고 정렬하는 방법이 있기는 했으나 완벽하게 하는 방법은 없는 것으로 알고있었는데 Mariadb 10.7.0 버전에 새로 생긴 natural_sort_key() 내장 함수를 통해 자연 정렬을 사용할 수 있습니다. 몇 가지 예를 들어보면 create table t1 (c text); insert into t1 values ('b1'),('a2'),('a11'),('a1'); select c from t1; +------+ | c | +------+ | b1 | | a2 | | a11 | | a1 | +------+ 기존 방식으로의 order by 정렬 결과..
http://lab.naminsik.com/3111 유튜브 영상을 가져와서 사이트를 제작할 경우가 발생할 때 여러가지 인터렉션을 구현하게 된다. 그 중 영상의 재생이 끝났다는 이벤트를 받아와서 다른 행동이나 스크립트가 실행되도록 하고자 할 때 아래와 같이 스크립트를 작성한다. 시작 전 ie8 이하는 해당 기능이 되지 않는다. 이유는 html5를 지원하는 브라우저에서만 가능하기 때문이다. html에 유튜브 영상을 넣을 div를 만들어 놓는다. 스크립트가 실행되면 저 div가 자동으로 iframe 로 바뀌어서 영상이 유튜브 영상이 삽입된다. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; va..
howler.js는 모든 플랫폼에서 자바 스크립트의 오디오 작업을 쉽고 안정적으로 만듭니다. Features Single API for all audio needs Defaults to Web Audio API and falls back to HTML5 Audio Handles edge cases and bugs across environments Supports all codecs for full cross-browser support Automatic caching for improved performance Control sounds individually, in groups or globally Playback of multiple sounds at once Easy sound sprite def..
콘솔의 결과값은 true, false 로 반환 [PHP] 현 위치에서 좌표 내부에 현 위치가 있는지 판단하는 알고리즘 https://webinstory.tistory.com/entry/%ED%98%84-%EC%9C%84%EC%B9%98%EC%97%90%EC%84%9C-%EC%A2%8C%ED%91%9C-%EB%82%B4%EB%B6%80%EC%97%90-%EC%9E%88%EB%8A%94%EC%A7%80-%ED%8C%90%EB%8B%A8%ED%95%98%EB%8A%94-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98
2021-01-01 과 2021-04-02 두 날짜 사이의 기간 구하기 $Date1 = new DateTime("2021-01-01"); $Date2 = new DateTime(date("Y-m-d")); $intvl = $Date1->diff($Date2); print_r($intvl)." "; echo $intvl->days." "; $intvl 의 결과값 DateInterval Object ( [y] => 0 [m] => 3 [d] => 1 [h] => 0 [i] => 0 [s] => 0 [f] => 0 [weekday] => 0 [weekday_behavior] => 0 [first_last_day_of] => 0 [invert] => 0 [days] => 91 [special_type] => 0..
cafe24 가상서버 운영시 방화벽 정책을 통해 필요한 포트 허용을 해야함 # SSL 사용시 443 포트 열려 있는지 확인 # systemctl start firewalld ( 서비스 시작 ) # systemctl enable firewalld ( 재부팅 시 자동 시작 ) # systemctl stop firewalld ( 서비스 중지 ) # systemctl disable firewalld ( 재부팅 시 자동 중지 ) # systemctl status firewalld ( 서비스 상태 확인 ) 1. Mysql 외부 접속을 위힌 mysql 계정 추가 CREATE USER 계정이름@'%' IDENTIFIED BY '비밀번호'; GRANT ALL PRIVILEGES ON 데이터베이스이름.* TO 계정이름@'..
1. PHP의 주요 인프라였던 공식 깃 서버에서 침해 사건이 발생함. 2. 누군가 유명 개발자들의 계정으로 악성 백도어를 심어두려고 했었음. 3. 이 때문에 PHP는 이제 주요 코드를 깃이 아니라 깃허브로 옮긴다고 발표. PHP의 공식 깃 서버가 해킹당했다. 정체를 알 수 없는 공격자들이 서서버에 침투한 뒤 코드 베이스에 백도어를 심어둔 것이 발견된 것이다. 이 때문에 PHP로 만들어진 모든 애플리케이션들이 감염되는 초유의 사태가 발생할 뻔했다. 공격이 발생한 건 주말 동안의 일이다. php-src 리포지터리에 두 개의 악성 커밋(commit)이 삽입되었는데, 삽입자의 계정은 PHP의 유명 개발자들인 니키타 포포브(Nikita Popov)와 라스무스 레르도프(Rasmus Lerdorf)의 것이었다. 이 ..
두 날짜 사이의 모든 날짜를 구한 다음 해당 날짜의 통계를 구하면 해당 기간에 통계 결과가 없어도 데이터는 '0'으로 나타낼 수 있음 //일별 통계
//정렬대상 array, 정렬 기준 key, 오름/내림차순 function arr_sort($array, $key, $sort='asc') { $keys = array(); $vals = array(); foreach ($array as $k=>$v) { $i = $v[$key].'.'.$k; $vals[$i] = $v; array_push($keys, $k); } unset($array); if ($sort=='asc') { ksort($vals); } else { krsort($vals); } $ret = array_combine($keys, $vals); unset($keys); unset($vals); return $ret; } $arr = array( array('num' => 3, 'str' ..
React와 ElectronJS로 데스크톱 앱 만들어보기 medium.com/withj-kr/react%EC%99%80-electronjs%EB%A1%9C-%EB%8D%B0%EC%8A%A4%ED%81%AC%ED%86%B1-%EC%95%B1-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-6f83562de839 [React와 ElectronJS로 데스크톱 앱 만들어보기] [#1] 프로젝트 세팅하기 아래 블로그로 가시면 더욱 많은 정보를 접해보실 수 있습니다. medium.com kyuhyuk.kr/article/electron/2020/0..
tingle.robinparisi.com/ Tingle.js, 2kB vanilla modal plugin Give it a try Tingle is a simple modal plugin written in pure JavaScript (Source code on GitHub). No dependencies required Fully customizable via CSS CSS transitions Simple API No extra files to download Created with UX in mind Below you will find some exa tingle.robinparisi.com 깔끔한 모달창 소스 입니다. tingle.js
이미지 맵이란? 이미지 맵은 사용자가 이미지의 다른 부분을 클릭하여 다른 목적지로 이동할 수있는 그래픽 이미지입니다. 이미지 맵은 x 및 y 좌표 (왼쪽 상단 모서리 기준)로 각 핫 영역을 정의하여 만들어집니다. 각 좌표 세트를 사용하여 사용자가 영역 내를 클릭 할 때 연결되는 링크를 지정합니다. 이미지에 원하는 영역을 설정한 후 링크를 연결해주는 작업을 보통 이미지맵 작업이라고 하는데 간단하게 처리할 수 있는 사이트를 소개합니다. 이미지를 업로드 하거나 이미지 URL을 입력한 후 링크걸고자 하는 영역을 지정한 후 생성 버튼을 클릭을 하면 간편하게 HTML 코드가 생성이됩니다. 1. 이미지맵 HTML 코드 2. 이미지맵 반응형적용 코드 www.image-map.net/ Free Online Image M..
Input Number 속성에서 화살표 / 스피너 제거 ~ 원 /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } 위 CSS 코드 적용 후
react-native-push-notification 라이브러리 사용할 경우 안드로이드 기기에서 진동/무음모드를 설정시 알림음 해결 방법 node_modules/react-native-push-notification/android/src/main/java/com/dieam/reactnativepushnotification/modules/RNPushNotificationHelper.java 위 경로의 RNPushNotificationHelper.java 파일 수정 try { if (soundUri != null) { AudioManager mAudioManager = (AudioManager) context.getSystemService(Context.AUDIO_SERVICE); mAudioManager..
텍스트를 Json 포맷으로 변경하거나, Json 포맷을 html, xml, csv 포맷으로 변경하거나 또는 java object 또는 C# obejct로 정의해서 사용할 필요가 있을 때, 자동으로 covert해주는 사이트입니다. 1. Convert Json to C# Classes https://json2csharp.com/ 2. Convert your JSON to CSV or TSV formatted data. https://csvjson.com/json2csv 3. Convert your JSON to html https://json.bloople.net/ 4. JSON to XML and XML to JSON converter utility https://esstudio.site/json2xml/..
