웹인스토리

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

react-native 웹뷰로 구성된 화면에서 자바스크립트로 alert 메시지를 띄울때 url 표시가 되는데 보기가 싫어서 url 삭제하고자 하는 경우 아래처럼 코드를 추가해주면 됩니다 android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java // 아래 코드 추가 import android.app.AlertDialog; import android.content.DialogInterface; import android.webkit.JsResult; protected void setupWebChromeClient(ReactContext reactContext, WebView webView) { if (mAllowsFullscr..

영카트 작업시 주문서 작성 페이지에 주문하시는 분과 받으시는 분의 주소 입력하는 부분이 있는데 모바일에서 입력하는 항목이 너무 많다는 불편하다는 고객의 의견으로 인해 주문자 정보만 남기고 받으시는 분 정보는 삭제하는 방법입니다. 주문자 정보와 동일하게 값이 저장됩니다. 1. 주문서 작성 페이지 수정 PC : shop/orderform.sub.php 모바일 : mobile/shop/orderform.sub.php - PC 및 모바일의 파일에서 아래 코드를 찾아서 받으시는 분 숨김 처리 받으시는 분 ............... 을 아래와 같이 수정 - PC 및 모바일의 파일의 하단 스크립트 수정 function forderform_check(f) { // 받으시는분 정보 함수를 추가 gumae2baesong..

레드햇 엔터프라이즈 리눅스(RHEL)의 안정성과 기능을 라이선스비 없이 사용할 수 있는 대안으로 CentOS를 선택한 유저들에게 안 좋은 소식이 나왔습니다. 당초 2029년까지였던 지원 종료 시점이(EOL) 2021년 12월까지로 단축되었습니다. '21년 12월 이후 CentOS 8 지원 기간이 끝나면, 앞으로 RHEL 업스트림 · 개발 브랜치인 CentOS Stream에 집중한다고 발표되었습니다. (CentOS 7은 2024년까지 지원됩니다. CentOS Product Specifications 참조) 레드햇은 인텔이 커뮤니티 지원에 참여할 것이라고 발표하면서, 페이스북이 Stream을 변형한 운영체제를 데이터센터 서버에 사용하고 있다고 홍보하기도 했습니다. 오라클 리눅스도 잘 알려진 RHEL 기반 배..

PHP8 과 함께 제공되는 유용성 향상 중 하나는 새로운 str_contains기능입니다. 문자열에 특정 단어가 포함되어 있는지 확인하는 함수가 변경되었습니다. PHP8 이전의 일반적인 방법은 strpos() 함수를 사용하는 것입니다. if (strpos('Foo Bar Baz', 'Bar') !== false) { echo 'Found'; } PHP8 의 새로운 함수에서의 사용 방법입니다. if (str_contains('Foo Bar Baz', 'Foo')) { echo 'Found'; } str_contains()함수는 대소 문자를 구분합니다.

Apple 모바일 생태계의 보안이 철저하여 iOS에서 파일을 관리하는 것은 항상 번거로운 일이었습니다. iOS 11에 파일 앱을 도입하면 기기 (로컬) 또는 iCloud Drive에 저장 한 파일을 탐색하고 액세스 할 수있는 옵션을 통해 훨씬 쉽게 작업 할 수 있습니다. 이와 함께 Google 드라이브 또는 Dropbox를 통합 할 수있는 옵션도 있습니다. 파일 앱을 통해 파일 또는 폴더의 zip 아카이브를 만들도록 선택할 수도 있습니다. 아카이브를 만들면 파일 크기가 압축되어 다른 사람에게보다 쉽게 ​​보낼 수 있다는 이점이 있습니다. 장치에서 Zip 파일을 생성하거나 압축 해제하려면 iOS / iPadOS 13 이상이 실행되고 있어야합니다. 파일 앱을 통해 액세스 할 수있는 한 iPhone, 원격 서..