전체 글
-
-
Rancher - nginx 쉘로 띄워보기ETC/MacOS,Rancher 2024. 7. 11. 10:45
custom.conf 생성$ vi /Users/deokjoonkang/dev/opt/nginx/config/custom.confserver { listen 80; server_name example.com; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; }} build-homepage.sh 작성#!/bin/shIMAGE_NAME=nginxIMAGE_VERSION=alpineCONTAINER_NAME=$IMAGE_NAME-$IMAGE_VERSION-homepagehelp() { if [ -z "$1" ]; then echo "사용법: $..
-
iOS Swift Notification 권한 확인하는 방법Language/Flutter,iOS,AOS 2024. 7. 10. 16:50
iOS 단말기에서 알림설정 정보를 가져와서 표시해주자. JavaScriptcommon.jsclass Common { ... static isNotificationAuthorization() { if (Util.Browser.isAndroidApp()) { } else if (Util.Browser.isIosApp()) { window.isNotificationAuthorization = (jsonData) => { console.log('jsonData : ', jsonData); if (jsonData['isAllowedNotification'] === true) { console.log('AUTH OK'); } else ..
-
네이티브 & React 배포 버전 이슈 처리Language/Flutter,iOS,AOS 2024. 7. 10. 15:48
React iOS Native로 통신하는 구조에서 iOS에 없는데 웹소스가 배포 되거나, 웹소스 배포 후 네이티브가 배포되면 문제가 발생한다.매번 예외 처리는 하지만 그떄마다 신경쓰는게 꽤 많이 많이 귀찮다.이번 기회에 자바스크립트에서 네이티브에 통신하였는데 해당 함수가 없어도 문제가 없도록 개선해 보자. JavaScriptcommon.jswindow.openExternalLinkCallback 함수를 미리 정의해 두고 네이티브에서 콜백해주자.class Common { ... static openExternalLink(url) { if (Util.Browser.isAndroidApp()) { Common.open2(url); } else if (Util.Browser.isIos..
-
Swift 외부 브라우저(사파리)로 링크 열기Language/Flutter,iOS,AOS 2024. 7. 10. 15:33
React + Swift WebView로 개발된 서비스에서 외부 브라우저(사파리)에서 다른서비스를 띄워야 하는 니즈가 발생하였다.정리해두자. JavaScriptcommon.jsclass Common { ... static openExternalLink(url) { if (Util.Browser.isAndroidApp()) { Common.open2(url); } else if (Util.Browser.isIosApp()) { window.openExternalLinkCallback = (jsonData) => { if (jsonData['result'] === false) { Common.open2(url); } }; ..
-
push Toast 메시지 만들기Language/React 2024. 7. 9. 14:43
iOS 포그라운드 상태에서 푸시를 수신 후 React에서 푸시메시지를 토스트 형태로 표시하는 작업에 대한 정리이다. 소스코드css.push-toast-wrap { position: fixed; top: 0px; width: 100%; z-index: 99999;}.push-toast-wrap .toast-items { display: flex; flex-direction: column; gap: 10px;}.push-toast-wrap .toast-items .item { display: flex; align-items: flex-start; /* width: 344px; */ width: 720px; padding: 14px 14px 12px 14px; border-radius:..