투케이2K

[환경 설정 및 설명] ​ 프로그램 : AndroidStudio, Xcode ​ 설 명 : [Mobile] : PG 사 외부 서드 파티 업체 웹뷰 (Webview) 연동 시 세션 끊김 이슈 (session) [에러 원인] ​ 1. 모바일 (Android , Ios) 웹뷰 에서 PG 사 연동 및 윈도우 오픈 (window open) 새로운 웹뷰 열기 수행 시 세션 끊김 이슈 발생 ​ 2. PG 사 response 헤더 값에 sameSite stric 으로 설정 되어 있어 세션 체크가 되지 않아서 발생하는 이슈 [해결 방법] ​ 1. 모바일 (Android , Ios) 웹뷰 에서 PG 사 연동 시 새로운 웹뷰 오픈 (전) 헤더 값에 Cookie 쿠키 sameSite = none 및 Secure = true ..

[설 명] ​ [IT 정보] 맥북 (Mac) 사파리 브라우저 (safari) 에서 모바일 디바이스 화면으로 변경 방법 [사전 사파리 브라우저 개발자 모드 활성 방법] ​ https://blog.naver.com/kkh0977/222899977809 70. 사파리 (safari) 브라우저에서 개발자 모드 (developer) 활성 및 콘솔 확인 방법 [설 명] 제목 : 사파리 (safari) 브라우저에서 개발자 모드 (developer) 활성 및 콘솔 확인 방법 [방 법] blog.naver.com [방 법] ​ ​ ​

[설 명] ​ 제목 : 안드로이드 (Android) [삼성 노트 20 5G] 모바일 핫스팟 및 테더링 활성 방법 [방 법] ​ 1. 설정 > 연결 메뉴를 들어갑니다. ​ ​ 2. 연결 메뉴 > 모바일 핫스팟 및 테더링 메뉴를 선택합니다. ​ ​ 3. 모바일 핫스팟을 활성화 합니다. ​ ​ 4. 참고 : 모바일 핫스팟 메뉴 클릭 시 > 핫스팟 이름 및 접속할 수 있는 비밀번호를 설정 할 수 있습니다. ​

[개발 환경 설정] ​ 개발 툴 : XCODE 개발 언어 : SWIFT [방법 설명] ​ ​ ​

[개발 환경 설정] ​ 개발 툴 : Heidi 개발 언어 : Mysql [소스 코드] ​ /**************************************************************/ -- [DELIMITER : 프로시저 앞,뒤의 위치하여 안에 있는 부분은 한번에 실행] DELIMITER $$ /**************************************************************/ DROP PROCEDURE IF EXISTS PRO_CHK_MVER; -- [이미 생성된 프로시저가 있으면 DROP] CREATE PROCEDURE PRO_CHK_MVER -- [프로시저 생성] ( IN I_PLAT VARCHAR(100) CHARACTER SET UTF8, --..

[개발 환경 설정] ​ 개발 툴 : AndroidStudio 개발 언어 : java [KeyboardState : 소스코드] ​ import android.app.Activity; import android.graphics.Rect; import android.graphics.drawable.ColorDrawable; import android.view.Gravity; import android.view.View; import android.view.ViewTreeObserver; import android.view.WindowManager; import android.widget.PopupWindow; public class KeyboardState extends PopupWindow implement..

[개발 환경 설정] ​ 개발 툴 : XCODE 개발 언어 : SWIFT [소스 코드] ​ // MARK: - [뷰 화면 표시] override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) print("") print("====================================") print("[\(self.ACTIVITY_NAME) >> viewDidAppear() :: 뷰 화면 표시]") print("====================================") print("") // ----------------------------------------- // [가상 키보드 높이 구하기 채널 등록] Noti..

[설 명] ​ 프로그램 : Ios / Swift ​ 설 명 : 모바일 퍼미션 권한 관리 클래스 [소스 코드] // ----------------------------------------- import Foundation import UIKit // ----------------------------------------- //MARK: [카메라 및 앨범, 마이크 접근] import AVFoundation import Photos // ----------------------------------------- class C_Permission { // MARK: - [클래스 설명] /* // ----------------------------------------- 1. 모바일 퍼미션 권한 관리 클래스 ..

[설 명] ​ 프로그램 : Ios / Swift ​ 설 명 : 네트워크 연결 상태 확인 클래스 [소스 코드] // ----------------------------------------- import Foundation import UIKit // ----------------------------------------- //MARK: [네트워크 연결 상태 체크] import Network import SystemConfiguration // ----------------------------------------- class C_StateCheck { // MARK: - [클래스 설명] /* // ----------------------------------------- 1. 모바일 기능 활성 및 비..

[로직 정리] ​ 정리 로직 : MOBILE (ANDROID / IOS) ​ 상태 : [모바일] 프로세스 생명주기 상태 관리 (create , destroy) [설 명] [Android] 1. Application 클래스 생성 및 AndroidManifest.xml 파일에서 지정 실시 - Application 클래스에서 onCreate 부분에서 최초 프로세스 실행 초기화 수행 실시 - AndroidManifest.xml 파일에서 application 부분에서 Application 클래스 지정 실시 2. Service 클래스 생성 및 AndroidManifest.xml 파일에서 지정 실시 - Service 클래스에서 onTaskRemoved 메소드 부분에서 프로세스 종료 상태 감지 및 초기화 수행 실시 -..

[로직 정리] ​ 정리 로직 : MOBILE (ANDROID / IOS) ​ 상태 : [모바일] 웹뷰 (webview) 로드 시 쿠키 사용해 웹뷰 로드 수행 실시 [설 명] [Android] 1. 초기 웹뷰 로드를 수행하기 전 이전에 저장된 쿠키 및 세션 데이터가 있으면 초기화 수행 실시 - webview.clearCache - webview.clearHistory - CookieManager.removeSessionCookies - CookieManager.removeAllCookies 2. 웹뷰 초기 설정 셋팅 수행 실시 및 로드 하기 (전) 쿠키 매니저를 사용해 쿠키 삽입 실시 - CookieManager.setCookie 3. 웹뷰 로드 수행 실시 - webview.loadUrl 4. 실시간 웹뷰..

[로직 정리] ​ 정리 로직 : MOBILE (ANDROID / IOS) ​ 상태 : [모바일] 웹뷰에서 window open 상태 감지 및 child 웹뷰 호출 실시 및 로직 처리 [설 명] ​ 1. 부모 웹뷰 (parentWebview) 에서 window open 상태 감지 실시 - IOS : func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) - AOS : main_webview.setWebChromeClient >> public boolean onCre..

[개발 환경 설정] ​ 개발 툴 : XCODE 개발 언어 : SWIFT [소스 코드] ​ // MARK: [모바일 화면 세로 고정 : 함수 추가] func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask { print("") print("===============================") print("[AppDelegate >> supportedInterfaceOrientationsFor() : 모바일 화면 세로 고정]") print("===============================") print("") // [세..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ [요약 설명] ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] ​ /* [html, body 영역 스타일 지정] */ html, body { width : 100%; height : 100%; margin : 0; padding : 0; border : none; /* [모바일 스크롤 시 부드럽게 처리] */ overflow:scroll-y; -webkit-overflow-scrolling:touch; } /* [body 스크롤바 메인 스타일 지정] */ body::-webkit-scrollbar { width: 0px; background-color: #c1c1c1; } /* [body 스크롤바 thumb 스타일 지정] */ body::-webkit..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [외부 css 저장 폴더 경로] ​ [소스 코드] ​ [1] 이 브라우저 사용을 만족하십니까? 매우 만족 만족 보통 불만족 매우 불만족 [결과 출력] [html , css 분리 코드 파일 첨부] [전체 통합 코드 파일 첨부] [외부 css , js 파일 적용 참고] ​ https://blog.naver.com/kkh0977/222449805186 63. (html/css/javascript/jquery) 외부 css , js 파일 생성 및 호출 방법 정의 - link , script [개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [css 파일 생성 및 ..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /*=================== [브라우저 단 처리] ===================*/ /* 드랍할 위치 태그에 다른 이벤트가 발생하는 것을 방지 */ function allowDrop(evt) { evt.preventDefault(); }; /* 드래그 시 이벤트 함수 */ function drag(evt) { /* 선택한 div id 값 확인 */ dragId = evt.target.id..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ ​[브라우저 화면] ​ ​[모바일 화면] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크..

/* =========================== */ [ 참고 사이트 ] /* =========================== */ ​ /* =========================== */ [사이트 주소] ​ https://brunch.co.kr/@chulhochoiucj0/8 모바일 UI·UX 디자인시 고려해야 할 가이드라인 1 애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모 brunch.co.kr /* =========================== */ ​