투케이2K

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스코드] ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. json : key, value 를 가지고 있는 데이터 전송 포맷 형태입니다 3. jsonObject : {key:value} 형태를 가지고 있습니다 4. jsonArray : [value, value] 형태를 가지고 있습니다 5. 자바스크립트에서는 중괄호 { } 사용해 json 형식을 지정할 수 있습니다 */

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스코드] ​ ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. getAttributeNames : 특정 객체에 포함된 속성 리스트를 가져옵니다 3. getAttribute : 특정 객체 속성 값을 가져옵니다 (속성값이란 객체 고유 지정 값으로 id, class, event, a 태그 href , download 등등 ...) 4. setAttribute : 특정 객체 속성 값을 지정합니다 5. removeAttribute : 특정 객체 속성 값을 삭제합니다 6. attribute 지정시 대,소문자를 구분하지 않습니다 */

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [요약 스크립트 소스코드] ​ /* [페이지 생성 부분] */ var pageName_Array = new Array(); // 생성된 페이지 이름 저장 배열 function createContentLayOut() { console.log(""); console.log("[createContentLayOut] : [start]"); console.log(""); // [for 반복문을 수행하면서 div 생성 실시] for(var i=1; i

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [스크립트 소스코드] ​ ​ ​ [body 소스코드] 원본 [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. cloneNode : 특정 객체 요소를 복사합니다 (true 설정 시 객체에 포함된 자식까지 모두 복사) 3. document.body.appendChild : body 에 특정 태그를 추가합니다 4. setAttribute : 특정 태그 속성을 지정합니다 (초기 설정, 변경 등 ...) 5. document.getElementById.style : 특정 태그 스타일 속성값을 변경합니다 6. innerText : 특정 태그 텍스트..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [외부 css 저장 폴더 경로] ​ [소스 코드] ​ [1] 이 브라우저 사용을 만족하십니까? 매우 만족 만족 보통 불만족 매우 불만족 [결과 출력] [html , css 분리 코드 파일 첨부] [전체 통합 코드 파일 첨부] [외부 css , js 파일 적용 참고] ​ https://blog.naver.com/kkh0977/222449805186 63. (html/css/javascript/jquery) 외부 css , js 파일 생성 및 호출 방법 정의 - link , script [개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [css 파일 생성 및 ..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [css 파일 생성 및 호출 방법] ​ ​ ​ ​ ​ ​ ​ ​ ​ [js 파일 생성 및 호출 방법] ​ ​ ​ ​ ​ ​ ​ ​ ​ [소스 코드 : head 태그 내부 삽입] ​

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. CryptoJS : 데이터 암호화를 지원해주는 라이브러리입니다 (ex : aes, sha ...) 3. aes 암호화 : 비밀키 방식으로 인코딩, 디코딩 시 비밀키를 사용합니다 4. aes 128 : 비밀키 값이 16 바이트 값입니다 5. aes 192 : 비밀키 값이 24 바이트 값입니다 6. aes 256 : 비밀키 값이 32 바이트 값입니다 7. 추가 설명 : 필요 시 추가 lv 설정을 할 수 있으며, lv 바이트 배열값은 16 바이트 고정입니다 8. 암호화 지원 ..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. window.getComputedStyle : 특정 객체 스타일 속성 값을 확인합니다 3. chart js : 사용해 차트를 렌더링 하며 단일 노드와 함께 페이지에 포함된 스크립트만 있으면 됩니다 4. myChart.destroy() : 생성된 차트를 삭제합니다 5. chart js 공식 사이트 : https://www.chartjs.org/docs/latest/ 6. chart js cdn 참고 사이트 : https://cdnjs.com/libraries/Chart.j..

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. chart js : 사용해 차트를 렌더링 하며 단일 노드와 함께 페이지에 포함된 스크립트만 있으면 됩니다 3. chart js 공식 사이트 : https://www.chartjs.org/docs/latest/ 4. chart js cdn 참고 사이트 : https://cdnjs.com/libraries/Chart.js */

[개발 환경 설정] ​ 개발 툴 : 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 /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [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 : 브라우저에서 커..