목록JavaScript (420)
투케이2K
[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. slice : 시작 인덱스부터 종료 인덱스 전까지의 데이터를 복사해 새로운 배열 객체로 반환합니다 3. slice 사용 시 원본 배열은 수정되지 않습니다 (splice 는 원본 요소 삭제, 교체 실시) 4. 인덱스 (index) : 배열에서 각 번지를 나타내는 번호입니다 (배열은 0번 번지부터 시작) 5. JSON.stringify : 대괄호 [] 포함한 배열 데이터를 출력해줍니다 6. 문법 : array.slice(시작 인덱스, 종료 인덱스); 방식으로 사용합니다 */
[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. includes : 특정 데이터 포함 여부를 확인합니다 3. splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다 */
[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. new Date : date 객체를 선언합니다 3. 두 날짜 차이 계산 : 시작 날짜와 종료날짜를 포함한 값을 리턴합니다 4. toISOString() : 확장 ISO 형식(ISO 8601)의 문자열을 반환합니다 5. 참고 : new Date 데이터 삽입 시 사파리, 크롬 등 적용을 위해 2021-07-08 형식 처럼 문자열을 선언해야합니다 */
[ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. spin js : 브라우저 내에서 로딩 스핀 상태를 나타낼 수 있습니다 3. 로직 : 사용자 통신 요청 시 >> spinnerStart 호출 >> 리턴 응답 받을 시 >> spinnerStop 호출 4. 옵션 참고 공식 사이트 : https://spin.js.org/ */
[ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. addEventListener : 특정 객체에 이벤트를 등록합니다 3. evt.preventDefault() : html에서 a 태그나 submit태그 등의 고유의 동작 (링크이동)을 중단합니다 4. 참고 : a 태그에 preventDefault 설정 시 기본 동작인 href 링크이동을 하지 않습니다 */
[ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. focus : 특정 객체의 포커스 이벤트를 감지합니다 3. blur : 특정 객체가 focus >> unfocus 된 상태를 감지합니다 4. addEventListener : 특정 객체에 이벤트를 등록합니다 */
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. toastr : 웹브라우저 내에서 ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [JSON 파일] [TEXT 파일] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. JSON.stringify : ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. window.onresize : 웹페이..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. navigator.vibrate : 브라우저 내에서 모바일 디바이스 기기 진동을 발생시킬 수 있습니다 2. 참고 : IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능이 동작하지 않습니다 (지원 안함) */ /* ================..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* [style css 파일 수정 실시] */ .swal-wide{ width:250px !important; } /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명]..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [자바스크립트 소스 코드] [안드로이드 소스 코드] //TODO [새로운 URL이 webview에 로드되려 할 경우 컨트롤을 대신할 기회를 줌] @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.d("---","---"); Log.w("//===========//","======================================..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. createElement : 특정 엘리..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetalert : 브라우저에서 커..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetaler..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay : 특..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay :..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [삭제 (전)] [삭제 (후)] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. document.getElement..
