목록분류 전체보기 (8087)

투케이2K

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
7. (ajax/에이젝스) ajax 통신 메소드 종류 모음

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : ajax /* =========================== */ ​ /* =========================== */ [메소드 종류] ​ /* =========================== */ ​
Http & Api 2021. 6. 23. 08:05
6. (ajax/에이젝스) ajax get 통신 , post 통신 설명 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : ajax /* =========================== */ ​ /* =========================== */ [get 방식] GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식입니다 GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어(cached) 저장됩니다 또한, GET 방식은 보통 쿼리 문자열(query string)에 포함되어 전송되므로, 길이의 제한이 있습니다 GET 방식은 보안상 취약점이 존재하므로, 중요한 데이터는 POST 방식을 사용하여 요청하는 것이 좋습니다 ​ [post 방식] POST 방식은 데이터(data)를 별도로 첨..
Http & Api 2021. 6. 23. 08:01
73. (javascript/자바스크립트) url 인코딩 (encode), 디코딩 (decode) 수행 실시 - encodeURI , decodeURI

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. JSON.stringify : js..
JavaScript 2021. 6. 23. 07:55
40. 웹 브라우저에서 url 인코딩 (encode), 디코딩 (decode) 수행 방법

/* =========================== */ [ 설명 ] ​ 1. 웹 브라우저에서 url 인코딩, 디코딩을 수행할 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] 1. url 인코딩, 디코딩을 지원하는 사이트 접속​ https://www.convertstring.com/ko/EncodeDecode/UrlEncode URL 인코딩 - 온라인 URL 인코더 www.convertstring.com ​ ​ ​ 2. 인코딩, 디코딩 타입 선택 > 데이터 입력 > 변환 수행 실시 ​ ​ /* =========================== */
IT정보 & IT소식 2021. 6. 23. 07:42
37. (html/css/javascript/jquery) class 클래스 설명 및 input text 기본 구현, value 변경 및 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 텍스트 확인 텍스트 변경 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..
FrontEnd 2021. 6. 22. 17:07
8. html input 주요 태그 모음 및 설명 사이트

/* =========================== */ [ 참고 사이트 ] /* =========================== */ ​ /* =========================== */ [사이트 주소] ​ http://tcpschool.com/html-tag-attrs/input-accept 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com /* =========================== */
참고 사이트 2021. 6. 22. 16:57
36. (html/css/javascript/jquery) box shadow 사용해 div 영역에 그림자 표시 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] one two three four /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 ..
FrontEnd 2021. 6. 22. 09:47
72. (javascript/자바스크립트) Array 배열 관련 메소드 종류 모음

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [메소드 종류] ​ ​ ​ ​ ​ /* =========================== */ ​
JavaScript 2021. 6. 22. 08:30
16. (jquery/제이쿼리) 범용 (universal), 배열 (array), 파싱 (parse) 관련 유틸리티 종류 모음

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [범용 유틸리티] ​ ​ [배열 유틸리티] ​ ​ [파싱 유틸리티] ​ ​ /* =========================== */
Jquery 2021. 6. 22. 08:24
15. (jquery/제이쿼리) 마우스 (mouse) , 키보드 (keyboard), 입력 양식 (input) 이벤트 종류 모음

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [마우스 이벤트] ​ [키보드 이벤트] ​ [입력 양식 이벤트] ​ /* =========================== */ ​
Jquery 2021. 6. 22. 08:20
14. (jquery/제이쿼리) each 사용해 json 데이터 key , value 데이터 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. each : 객체나 배열에서 모두 사용할 ..
Jquery 2021. 6. 22. 08:04
71. (javascript/자바스크립트) base64 인코딩 (encode) , 디코딩 (decode) 수행 실시 - btoa , atob

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. base64 : 8bit의 데이터(..
JavaScript 2021. 6. 21. 18:22
Prev 1 ··· 357 358 359 360 361 362 363 ··· 405 Next