목록JavaScript (412)

투케이2K

92. (javascript/자바스크립트) 로컬에 json 파일 저장 및 저장된 json 파일 로드 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. JSON.stringify : ..
JavaScript 2021. 7. 12. 16:11
91. (javascript/자바스크립트) 실시간 브라우저 크기 사이즈 변경 감지 - resize , screen 객체 availWidth , availHeight 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. window.onresize : 웹페이..
JavaScript 2021. 7. 12. 08:15
90. (javascript/자바스크립트) navigator vibrate 사용해 브라우저 내에서 모바일 디바이스 기기 진동 기능 실행 (Android 지원)

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. navigator.vibrate : 브라우저 내에서 모바일 디바이스 기기 진동을 발생시킬 수 있습니다 2. 참고 : IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능이 동작하지 않습니다 (지원 안함) */ /* ================..
JavaScript 2021. 7. 9. 15:54
89. (javascript/자바스크립트) sweet alert 라이브러리 사용해 커스텀 팝업창 표시 및 css width 사이즈 조절

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* [style css 파일 수정 실시] */ .swal-wide{ width:250px !important; } /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명]..
JavaScript 2021. 7. 8. 08:34
88. (javascript/자바스크립트) userAgent 디바이스 확인 및 WebView (웹뷰) 로드 시 앱 마켓 이동 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [자바스크립트 소스 코드] ​ ​ [안드로이드 소스 코드] //TODO [새로운 URL이 webview에 로드되려 할 경우 컨트롤을 대신할 기회를 줌] @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.d("---","---"); Log.w("//===========//","======================================..
JavaScript 2021. 7. 7. 16:47
87. (javascript/자바스크립트) 동적으로 form 폼 생성해 get, post 데이터 전송 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. createElement : 특정 엘리..
JavaScript 2021. 7. 5. 12:46
86. (javascript/자바스크립트) location href 사용해 특정 페이지 접속 시 url 데이터 전송 및 url 데이터 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetalert : 브라우저에서 커..
JavaScript 2021. 7. 5. 11:53
85. (javascript/자바스크립트) sweet alert 라이브러리 사용해 커스텀 팝업창 표시 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ ​ ​ ​ ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetaler..
JavaScript 2021. 7. 4. 09:41
84. (javascript/자바스크립트) safari 사파리 호환 - new Date 와 for 문을 사용해 특정 연도, 월, 날짜, 요일 순차적 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay : 특..
JavaScript 2021. 7. 1. 16:48
83. (javascript/자바스크립트) new Date 와 for 문을 사용해 특정 연도, 월, 날짜, 요일 순차적 출력 실시 - 사파리 , 크롬 적용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay :..
JavaScript 2021. 6. 30. 09:14
82. (javascript/자바스크립트) 특정 객체에 포함된 자식 삭제 (제거) 실시 - childElementCount , removeChild

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [삭제 (전)] ​ [삭제 (후)]​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2..
JavaScript 2021. 6. 30. 08:50
81. (javascript/자바스크립트) 특정 객체 강제 버튼 클릭 이벤트 수행 - document getElementById onclick

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. document.getElement..
JavaScript 2021. 6. 30. 08:15
80. (javascript/자바스크립트) 특정 객체 크기, 위치 확인-offsetWidth, clientWidth, scrollWidth, getBoundingClientRect

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. offsetWidth : margi..
JavaScript 2021. 6. 30. 08:05
79. (javascript/자바스크립트) canvas 캔버스에 배경 이미지 로드 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] 이미지 호출 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. document.getElementById : 특정 객체 id를 지정합니다 2. canvas.ge..
JavaScript 2021. 6. 29. 09:20
78. (javascript/자바스크립트) Array 배열 특정 데이터 삭제 및 특정 key 값 삭제 실시 - indexOf , findIndex , splice

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. JSON.stringify : js..
JavaScript 2021. 6. 28. 15:46
77. (javascript/자바스크립트) background Image 배경 이미지 경로 확인 및 이미지 변경 코드

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] //backgroundImage 경로 확인 실시 var imageRoot = document.getElementById(id).style.backgroundImage; //backgroundImage 이미지 교체 실시 var imageUrl = "../assets/image/white_check_off.png"; document.getElementById(id).style.backgroundImage = "url('" + ..
JavaScript 2021. 6. 28. 15:21
76. (javascript/자바스크립트) object innerHTML 사용해 다른 html 파일 내부에 로드 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [부모 소스 코드] ​ [자식 소스 코드] CHILD /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. width : 가로 크기 지정 2. height : 세로 크기 지..
JavaScript 2021. 6. 27. 10:45
75. (javascript/자바스크립트) 캘린더 (calendar) 방식 Date 사용해 연도 (year), 월 (month) 확인 및 시작 요일, 종료 요일 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. new Date : 연도, 월,..
JavaScript 2021. 6. 24. 20:57
74. (javascript/자바스크립트) 클릭 (click), 롱 클릭 (long click) 이벤트 등록 실시 - mousedown , touchstart , Date now

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. document.getEleme..
JavaScript 2021. 6. 23. 09:27
73. (javascript/자바스크립트) url 인코딩 (encode), 디코딩 (decode) 수행 실시 - encodeURI , decodeURI

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. JSON.stringify : js..
JavaScript 2021. 6. 23. 07:55
Prev 1 ··· 14 15 16 17 18 19 20 21 Next