목록전체 글 (7719)

투케이2K

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
39. (html/css/javascript/jquery) keyframes 사용해 css 속성 조작해 애니메이션 (animation) 동작 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] one two three four /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 ..
FrontEnd 2021. 6. 28. 08:56
21. (jquery/제이쿼리) api ipify org 오픈 api 사용해 접속한 외부 공인 ip 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. https://api.ipify.org?f..
Jquery 2021. 6. 28. 08:07
20. (jquery/제이쿼리) trigger 트리거 사용해 강제 버튼 클릭 이벤트 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. $(객체).on(이벤트) : 특정 객체에 ..
Jquery 2021. 6. 27. 17:50
19. (jquery/제이쿼리) append , empty 사용해 특정 객체에 동적으로 요소 추가 및 전체 자식 삭제 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. $("body").click : body ..
Jquery 2021. 6. 27. 17:33
18. (jquery/제이쿼리) 요소 추가, 변경, 삭제 관련 메소드 모음 - append , replace , remove

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [요소 추가] ​ ​ [요소 변경 및 복사] ​ ​ [요소 삭제] ​ /* =========================== */
Jquery 2021. 6. 27. 16:55
17. (jquery/제이쿼리) Jquery 사용해 animate 애니메이션 동작 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] ONE TWO /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. hei..
Jquery 2021. 6. 27. 14:12
76. (javascript/자바스크립트) object innerHTML 사용해 다른 html 파일 내부에 로드 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [부모 소스 코드] ​ [자식 소스 코드] CHILD /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. width : 가로 크기 지정 2. height : 세로 크기 지..
JavaScript 2021. 6. 27. 10:45
38. (html/css/javascript/jquery) 반응형 tab 탭 화면 기능 구현 - display 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] ONE TWO THREE FOUR /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지..
FrontEnd 2021. 6. 25. 08:23
75. (javascript/자바스크립트) 캘린더 (calendar) 방식 Date 사용해 연도 (year), 월 (month) 확인 및 시작 요일, 종료 요일 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. new Date : 연도, 월,..
JavaScript 2021. 6. 24. 20:57
169. (AndroidStudio/android/java) tesseract ocr 라이브러리 사용해 이미지 파일 확인 후 텍스트 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] //TODO [로직 [1] : 필요 라이브러리 및 폴더 설정] /** * 라이브러리 설치 : implementation 'com.rmtheis:tess-two:9.0.0' * 필요 언어 파일 다운 : https://github.com/tesseract-ocr/tessdata * 안드로이드 assets 폴더 생성 > tessdata 폴더 생성 > 필요 언어 파일 삽입 * */ //TODO [로직 [2] : 사전 퍼미션 요청..
Android 2021. 6. 24. 17:26
168. (AndroidStudio/android/java) 카메라 (camera) 사진 촬영 및 scoped storage 갤러리 사진 저장

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] //TODO [로직 [1] : 사전 퍼미션 요청 필요함] /** * * * * * */ //TODO [로직 [2] : 카메라 호출 실시] Uri image_uri; public void goCamera(){ Log.d("---","---"); Log.d("//===========//","================================================"); Log.d("","\n"+"[A_Camera..
Android 2021. 6. 24. 15:35
167. (AndroidStudio/android/java) Sensor TYPE_ACCELEROMETER 가속도 센서 사용해 흔들림 (shake) 이벤트 감지

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] /** ========== [구현 부분 설명 실시] ========== */ /** * 1. class 클래스에서 SensorEventListener 를 implements 상속 받습니다 * 2. onResume 에서 디바이스가 가속도 센서를 지원하는지 확인합니다 * 3. onResume 에서 가속도 센서를 지원하는 경우 리시버를 등록합니다 * 3. oncreate 액티비티 시작 상태에서 기능 동작을 실시합니다 * 4. ..
Android 2021. 6. 23. 16:25
74. (javascript/자바스크립트) 클릭 (click), 롱 클릭 (long click) 이벤트 등록 실시 - mousedown , touchstart , Date now

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. document.getEleme..
JavaScript 2021. 6. 23. 09:27
Prev 1 ··· 338 339 340 341 342 343 344 ··· 386 Next