목록HTML (107)
투케이2K

[개발 환경 설정]개발 툴 : Edit++개발 언어 : html, css, js, jquery [소스 코드] [사전 설명]1. mobile-web-app-capable 메타 태그를 사용해 모바일에서 외부 링크 브라우저 표시 수행 시 URL 주소창 제거 및 전체 화면을 만들 수 있습니다[소스 코드]

[개발 환경 설정]개발 툴 : Edit++개발 언어 : html, css, js, jquery [소스 코드] ------------------------------------------------------------------------------------[사전) 속성 값 설명]------------------------------------------------------------------------------------1. width=device-width : 사용자가 실행한 디바이스의 넓이 값에 맞춘다2. initial-scale : 페이지 첫 로딩 시 줌 레벨 설정 값3. minimum-scale : 페이지 최소 줌 레벨 설정 값4. maximum-scale : 페이지 최대 줌 레벨 설..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // --..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // --..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // ..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // --..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // --..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [사전) NodeJS 모듈 추가 방법] https://blog.naver.com/kkh0977/223347075783 196. (NodeJs) [Mac Os] [cheerio] : 마크업 데이터 파싱 모듈 설치 방법 [개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [cheerio 모듈 추가 방법] [참고 사이트] ... blog.naver.com [사전) NodeJS 프로젝트 설정 방법] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- // --..

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 :NodeJs [방법 설명] [app.js : 소스 코드] // ---------------------------------------------------------------------------------------------- const express = require('express') const app = express() app.engine('html', require('ejs').renderFile) // [http] : [Page] : [Render] app.set('view engine', 'ejs') // [http] : [Page] : [Render] app.use(express.json()) // [Http..

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] [결과 출력]

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 : Vue Js [소스 코드] {{ message }} [결과 출력]

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] 사용자 나이 투케이 29 TWOK 30 [결과 출력]

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] 학번 이름 학과 20001 홍길동 전자공학과 20002 투케이 컴퓨터공학과 [결과 출력]

[개발 환경 설정] 개발 툴 : VS CODE 개발 언어 : Vue Js [소스 코드] {{ msg }} [결과 출력]

[개발 환경 설정] 개발 툴 : XCODE 개발 언어 : SWIFT [방법 설명] [소스 코드] // ----------------------------------------- // [wkwebview 웹뷰 html 파일 로드] ///* guard let localFilePath = Bundle.main.path(forResource: "TwokManagerWeb/html/startHtmlProject", ofType: "html") else { print("") print("====================================") print("[\(self.ACTIVITY_NAME) >> init_WebView() :: 웹뷰 로드 수행]") print("----------------..
[설 명] 프로그램 : Web / ProntEnd 설 명 : 기능 테스트 전용 html 파일 - html , css , js , jquery [testHtmlProject : 소스 코드] container_1_div container_2_div container_3_div container_4_div container_5_div

[개발 환경 설정] 개발 툴 : Eclipse 개발 언어 : Java [소스 코드] package ex; import java.util.regex.Pattern; import java.util.regex.Matcher; public class MainActivity8 { public static void main(String[] args) { // TODO Auto-generated method stub // [초기 변수 선언 실시] String htmlData = "test urlhttps://www.naver.com 입니다 "; // [html 태그 제거 수행 실시] htmlTagRemoveString(htmlData); } // [메인 종료] public static St..

[개발 환경 설정] 개발 툴 : XCODE 개발 언어 : SWIFT [소스 코드] // MARK: - [html 태그 제거 및 리턴 문자열 반환 메소드] func htmlTagRemoveString(_data:String) -> String { /* // ----------------------------------------- [htmlTagRemoveString 메소드 설명] // ----------------------------------------- 1. html 태그 제거 및 리턴 문자열 반환 메소드 // ----------------------------------------- 2. 호출 방법 : let data = "test urlhttps://www.naver.com 입니..

[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [원인] >> 아이폰, 안드로이드 모바일에서 카카오톡 링크 접속 시 인앱 브라우저 실행 >> 주소 표시줄, 네이게이션 바 자동 숨김 현상으로 UI 화면이 망가지는 경우 [해결 방법] 공통 : - 가상 키보드 밀림 현상을 방지하기 위해서 각 컨테이너 position 속성을 fixed 로 지정한다 아이폰 추가 설정 : - 자바스크립트 onresize 함수에서 >> 각 컨테이너 height , top 비율을 다시 설정 (변경된 body 해상도 확인 후 다시 비율 설정 : 자연스럽게 full screen 만들기) - 자바스크립트 onready 함수에서 카카오 인앱 브라우저 접속 확인 >> 아이폰인..