투케이2K

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : JavaScript [소스 코드] ​ [결과 출력] ​ ​

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

[개발 환경 설정] ​ 개발 툴 : SublimeText (PyScript) 개발 언어 : python ​ [소스 코드] ​ [결과 출력] ​ ​ ​

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

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] // [body 소스 코드] // [자바스크립트 소스 코드] document.getElementById("input_box").focus(); // [포커스 활성] document.getElementById("input_box").blur(); // [포커스 해제] // [모바일 가상 키보드 제어 속성 : inputmode] [1]. 가상 키보드 비활성 [2]. 일반 텍스트 입력 키보드 [3]. 숫자 입력 키보드 [4]. 숫자 입력 키보드 [5]. 전화 번호 입력 키보드 [6]. 검색 키보드 [7]. 이메일 입력 키보드 [8]. 주소 입력 키보드

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery [소스 코드] ​ /* [필요 CDN 설정] */ /* [html 최초 로드 및 이벤트 상시 대기 실시] */ window.onload = function() { console.log(""); console.log("[window onload] : [start]"); console.log(""); /* 1. 필요 INPUT : 2. 설명 : input text 형식 실시간 입력 글자수 상태를 확인합니다 */ // [input text 실시간 글자 수 변경 상태 확인] $("#past_box").on("propertychange change keyup paste input", function(){ // [input text 데이터 ..

[ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. focus : 특정 객체의 포커스 이벤트를 감지합니다 3. blur : 특정 객체가 focus >> unfocus 된 상태를 감지합니다 4. addEventListener : 특정 객체에 이벤트를 등록합니다 */

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 업로드 초기화 /* =========================== */ [결과 출력] ​ ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. document.getElementById : 특정 객체 id..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : pycharm 개발 언어 : python /* =========================== */ ​ /* =========================== */ [소스코드] # [데이터 형변환 및 input 사용해 키보드 (keyboard) 값을 입력받아 홀수, 짝수 판별 실시] # [요약 설명] # 1. 파이썬에서 input 메소드를 통해 키보드입력을 수행받을 수 있습니다 # 2. 형변환 : int(데이터), float(데이터), str(데이터), hex(데이터) # oct(데이터), bin(데이터), tuple(배열), list(배열) # set(배열), dict(배열), ord(문자), chr(..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. $("#객체") : jquery 에서 특정 객..

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

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