투케이2K

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

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 텍스트 확인 텍스트 변경 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..

/* =========================== */ [ 참고 사이트 ] /* =========================== */ ​ /* =========================== */ [사이트 주소] ​ http://tcpschool.com/html-tag-attrs/input-accept 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com /* =========================== */

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] one two three four /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 ..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [메소드 종류] ​ ​ ​ ​ ​ /* =========================== */ ​

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [범용 유틸리티] ​ ​ [배열 유틸리티] ​ ​ [파싱 유틸리티] ​ ​ /* =========================== */

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [마우스 이벤트] ​ [키보드 이벤트] ​ [입력 양식 이벤트] ​ /* =========================== */ ​

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. each : 객체나 배열에서 모두 사용할 ..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. base64 : 8bit의 데이터(..

/* =========================== */ [ 설명 ] ​ 1. 웹 브라우저에서 base64 인코딩, 디코딩을 수행할 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] 1. base64 인코딩, 디코딩을 지원하는 사이트 접속 http://base64online.org/encode/ Encode Base64 online base64online.org ​ ​ 2. 인코딩, 디코딩 타입 선택 > 데이터 입력 > 변환 수행 실시 ​ ​ /* =========================== */ ​

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. web worker : 스크립트가 ..

/* =========================== */ [ 설명 ] ​ 1. 윈도우에서 디스플레이에서 듀얼 모니터를 설정 할 수있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] 1. 윈도우 바탕화면에서 > 마우스 우클릭 > [디스플레이 설정] 을 클릭합니다 ​ ​ ​ 2. [디스플레이] 메뉴에서 > [검색] 을 클릭해서 올바르게 모니터 연결이 완료되었는지 확인합니다 ​ ​ ​ 3. [디스플레이] 메뉴 > [다중 디스플레이] 메뉴 > 디스플레이 확장을 선택합니다 ​ /* =========================== */

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. geolocation API..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. [] 대괄호 : 배열 객체를 선..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 타입 검사 메소드 : 제이쿼리는 인수로 전달받은 값의 타입을 손쉽게 확인해 주는 메소드입니다 2. $.type : 특..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] console.log("[createMenu] : debug [1]"); var createMainLayout = document.createElement("div"); //객체 레이아웃 타입 지정 var createMainId = "select_container"; //객체 id 값 지정 var createMainStyle = "width:29%; height:30%; border:none; background-color..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. addEventListener ..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] URL 저장 그림 저장 지우기 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2...

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. var jsonArry = [] : jsonArray 초기 선언할 수 있는 방법입니다 2. var json..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹브라우저 로딩 완료 상태를 정의합니다 (로딩 완료 후 상시 대기) 2. $(객체).cs..