투케이2K

[개발 환경 설정]​개발 툴 : Edit++개발 언어 : html, css, js, jquery​ [소스 코드] // --------------------------------------------------------------------------------------[개발 및 테스트 환경]// --------------------------------------------------------------------------------------- 언어 : FrontEnd- 개발 툴 : Edit++- 구분 : HTML meta tag// --------------------------------------------------------------------------------------// --..

[로직 정리]​정리 로직 : Web​상태 : [Web] 자바스크립트 이미지 파일 http 요청 및 base64 형식 data url 포맷 이미지 태그 img src 설정 로직 [설 명] // --------------------------------------------------------------------------------------[사전) 설정 및 정보 확인 사항]// --------------------------------------------------------------------------------------- 모바일 화면 기준 웹 프론트 제작 필요 (HTML , CSS , JS)- http 요청을 하기 위한 ajax , axios , fetch 등 모듈 구현 필요// -----..

[로직 정리]​정리 로직 : Web​상태 : [Web] 모바일 브라우저 가상 키보드 CSS 화면 밀림 및 축소 현상 px 크기 재설정 로직 [설 명] // --------------------------------------------------------------------------------------[사전) 설정 및 정보 확인 사항]// --------------------------------------------------------------------------------------- 모바일 화면 기준 웹 프론트 제작 필요 (HTML , CSS , JS)// -------------------------------------------------------------------------..

[제 목]​[업무 협의] [Mobile] 모바일 ( Android , Ios ) 웹뷰 에서 뒤로 가기 키 이벤트 발생 시 웹 페이지 리디렉션 처리 [내 용] ------------------------------------------------------------------------------[이슈 사항]------------------------------------------------------------------------------1. 모바일 ( Android , Ios ) 웹뷰 네이티브 뒤로가기 키 이벤트 발생 시 시나리오 상 메인으로 진입해야하는데, 이전 설정 화면이 다시 표시 되는 이슈 발생-----------------------------------------------------..

[로직 정리]​정리 로직 : Web​상태 : [Web] 자바스크립트 onload 페이지 화면 진입 확인 (getEntriesByType navigation) 및 모바일 뒤로 가기 수행 로직 처리 [설 명] // --------------------------------------------------------------------------------------[사전) 설정 및 정보 확인 사항]// --------------------------------------------------------------------------------------- 웹 특정 URL 을 로드 하기 위한 모바일 네이티브 웹뷰 클래스 생성 필요- 모바일 네이티브 (ex : Android) 에서 뒤로가기 버튼 클릭 시 웹..

[개발 환경 설정]​개발 툴 : Edit++개발 언어 : JavaScript [소스 코드] -----------------------------------------------------------------------------------------[사전 설명 및 설정 사항]------------------------------------------------------------------------------------------ 개발 환경 : Web- 개발 기술 : JavaScript (자바스크립트)- window.performance.getEntriesByType 설명 : 페이지에 대한 타입 정보를 사용할 때 사용할 수 있습니다- window.performance.getEntriesByType(..

[로직 정리]​정리 로직 : Web​상태 : [Web] 자바 스크립트 브릿지 전송 - 파일 다운 로드 URL 주소 전송 시 window.location.origin 도메인 결합 로직 [설 명] // --------------------------------------------------------------------------------------[개발 및 테스트 환경]// --------------------------------------------------------------------------------------- 언어 : VueJs- 개발 툴 : VsCode- 개발 기술 : Bridge Interface// -------------------------------------------..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] [npm] PM2 멀티 스레드 및 다중 프로세스 동작 라이브러리 [설 명] ​ 1. PM2 란 Node.JS 용 프로세스 관리 프로그램입니다 ​ >> 특정 이슈로 인해 서비스가 종료 되더라도, 자동으로 서비스 재구동 가능 >> 멀티 스레드 환경을 구축해 효율적인 서비스 운영 가능 (로드 밸런싱 처리) >> 모니터링 시스템을 사용해 실시간 CPU 및 RAM 사용 현황 확인 가능 ​ ​ 2. PM2 는 Node.JS 의 싱글 스레드 구조를 CPU 의 코어 개수에 맞게 멀티 스레드 환경에서 구동 시킬 수 있습니다 ​ >> 서버 스펙에 맞게 더욱 효율적으로 서비스 구동 가능 ​ >> 모든 CPU 를 사용하기 위해서 애플..

[환경 설정 및 설명] ​ 프로그램 : AndroidStudio ​ 설 명 : [Android] 웹뷰 (Webview) 에서 자바스크립트 (js) 및 Css 변경 사항이 새롭게 적용 되지 않는 이슈 - 웹뷰 캐시 초기화 [에러 원인] ​ 1. 안드로이드 웹뷰 로딩 시 웹 (Web) 단에서 변경 된 Js , Css 등이 새롭게 반영 되지 않는 이슈 발생 [해결 방법] ------------------------------------------------------------------------------- [기존 적용 된 소스 코드 및 상태] 1. [Web] : 코드 변경이 일어 날 때 새롭게 Js 및 Css 버전 올려서 배포 (ex : twok.js?123) 2. [Android] main_webvie..

[타이틀] ​ 구 분 : Library / 라이브러리 ​ 제 목 : [라이브러리] [Web] aws-sdk.js / kvs-webrtc.js AWS 실시간 WebRTC 영상 재생 라이브러리 [설 명] ​ 1. aws-sdk.js / kvs-webrtc.js 라이브러리 사용 시 웹 애플리케이션용 JavaScript WebRTC Kinesis Video Streams 실시간 영상을 출력할 수 있습니다 ​ 2. aws-sdk.js / kvs-webrtc.js 라이브러리는 NodeJS 에서 모듈 설치가 가능하며, CDN 을 통한 사용도 가능합니다 ​ 3. aws-sdk.js / kvs-webrtc.js 라이브러리 사용 시 원격 피어 간의 연결을 유지하고 연결 상태를 모니터링 할 수 있습니다 [참고 사이트] ​ ..

[설 명] ​ 1. [Linux] 웹 (web server) , 와스 (was) 개념 간략 설명 [그림 표시] ​ [참고 사이트] ​ https://velog.io/@zeesoo/WS-WAS [WEB] WEB, WAS, Web Container Q. WEB과 WAS의 가장 큰 차이점? > - 동적 서버 컨텐츠를 수행하는가? 수행한다면 WAS! Web Server는 정적 컨텐츠를 요청에 따라 전달해주는 역할을 하는 반면, WAS는 사용자의 요청에 따라 서버에서 프로 velog.io ​ https://velog.io/@developerjun0615/WEB-WAS-%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C WEB 서버와 WAS 란 무엇일까? 개발자라면 알아야할 필수지식..

[방법 설명] ​ ​ ​ ​ ​

/* =========================== */ [ 설명 ] ​ 1. 웹 브라우저에서 url 인코딩, 디코딩을 수행할 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] 1. url 인코딩, 디코딩을 지원하는 사이트 접속​ https://www.convertstring.com/ko/EncodeDecode/UrlEncode URL 인코딩 - 온라인 URL 인코더 www.convertstring.com ​ ​ ​ 2. 인코딩, 디코딩 타입 선택 > 데이터 입력 > 변환 수행 실시 ​ ​ /* =========================== */

/* =========================== */ [ 설 명 ] ​ [웹 이란?] - 웹 이란 월드 와이드 웹(World Wide Web) 약어로 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미합니다 ​ - 웹은 인터넷과 같은 의미로 많이 사용되고 있지만, 정확히 말해 웹은 인터넷상의 인기 있는 하나의 서비스입니다 ​ ​ [웹 특징] - 웹은 인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공합니다 ​ - 하이퍼텍스트(hypertext)란 문서 내부에 또 다른 문서로 연결되는 참조를 집어 넣음으로써 웹 상에 존재하는 여러 문서끼리 서로 참조할 수 있는 기술을 의미합니다. 이때 문서 내부에서 또 다른 문서로 연결되는 참..