목록전체 글 (7708)

투케이2K

2. (javascript/자바스크립트) function 함수 (메소드) 사용해 데이터 출력 및 return 데이터 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. function : 함수 형태를 정의할 때 사용합니다 2. return : 함수 내에서 수행한 연산 결과를 반..
JavaScript 2021. 6. 2. 15:51
1. (javascript/자바스크립트) var , let , const 변수 사용해 데이터 삽입 및 console log (콘솔 로그) 결과 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. var : 변경 가능한 변수 선언 방법 (같은 변수 이름 재선언 가능) 2. let : 변경 가능한 변수 선언..
JavaScript 2021. 6. 2. 15:00
24. (html/css/javascript/jquery) highlight color 사용해 클릭 이벤트 발생 시 파란색 영역 테두리 박스 표시 하이라이트 제거 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [CSS 소스 코드] /* 부모 div 스타일 지정 */ #static_header_container { width : 100%; height : 100%; margin : 0 auto; padding : 0; border : none; background-color : #92b9d6; /* 컨테이너 배치 정렬 실시 */ float : top; position : relative; top : 4%; left : 0%;..
FrontEnd 2021. 6. 2. 13:20
7. 반응형 디자인 시 모바일 참고 사이즈 확인

/* =========================== */ [ 참고 사이트 ] /* =========================== */ ​ /* =========================== */ [사이트 주소] ​ https://viewportsizer.com/devices/ Viewport Size by Device / Phone Screen Dimensions | Viewport Sizer Tool Use our handy guide for viewport dimensions by device here. All phone screen dimensions listed including popular models for Samsung and Apple iPhone. viewportsizer.c..
참고 사이트 2021. 6. 2. 10:46
23. (html/css/javascript/jquery) 배경 색상 그라데이션 적용 실시 - background linear gradient

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
FrontEnd 2021. 6. 1. 16:59
22. (html/css/javascript/jquery) scrollbar 사용해 웹 브라우저 스크롤 바 스타일 설정 실시 - 스크롤 바 히든 및 정상 스크롤 동작 처리

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
FrontEnd 2021. 6. 1. 16:36
21. (html/css/javascript/jquery) 자바스크립트 사용해 p 태그 텍스트 확인 및 변경 , css style 속성 변경 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 안녕하세요 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [JS 호출 (전)]​ ​ [JS 호출 (후)]​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰..
FrontEnd 2021. 6. 1. 10:29
20. (html/css/javascript/jquery) 마우스 hover 올림 , 마우스 커서 cursor 스타일 정의 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
FrontEnd 2021. 6. 1. 09:38
166. (AndroidStudio/android/java) 비동기 콜백 호출 클래스 정의 - Thread , Handler , AsyncTask

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] package kr.co.two2k.manager; import android.os.Handler; import android.os.Message; public abstract class C_AsyncCallBack implements Runnable{ /** ========= [사용 방법 예시] ======== new C_AsyncCallBack() { //TODO [RESULT 선언] @Override protecte..
Android 2021. 6. 1. 08:45
19. (html/css/javascript/jquery) 자바스크립트 function 함수 , window.onload 사용해 클릭 이벤트 정의 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정..
FrontEnd 2021. 5. 31. 20:09
18. (html/css/javascript/jquery) border-radius 사용해 테두리 둥글게 만들기 및 opacity 사용해 레이아웃 투명도 조절 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
FrontEnd 2021. 5. 31. 08:39
17. (html/css/javascript/jquery) video source 태그 사용해 비디오 동영상 재생 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​[동영상 재생] ​ ​[폴더 구조] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2...
FrontEnd 2021. 5. 31. 08:27
16. (html/css/javascript/jquery) img src 태그 사용해 이미지 사진 표시 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​[사진 표시] ​ ​[폴더 구조] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..
FrontEnd 2021. 5. 31. 08:08
15. (html/css/javascript/jquery) z-index 사용해 레이아웃 우선 순위 위치 정렬 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​[우선 순위 지정 (전)] ​ ​[우선 순위 지정 (후)] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시..
FrontEnd 2021. 5. 31. 07:47
14. (html/css/javascript/jquery) link rel type 사용해 구글 폰트 google fonts 외부 스타일 font family 에 적용 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ ​ /* =========================== */ [사전 작업] 1. 구글 폰트 제공 사이트에 접속해 > 원하는 폰트 선택 > 폰트 적용 소스코드 복사 실시 /* =========================== */ ​ /* =========================== */ [소스 코드] hello 투케이2K /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​[일..
FrontEnd 2021. 5. 28. 10:25
37. 구글 폰트 google fonts 다운 로드 방법

/* =========================== */ [ 설명 ] ​ 1. 구글 폰트를 다운로드 받을 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] 1. 구글 폰트 제공 사이트 접속 > 다운로드 받고 싶은 폰트를 선택 https://fonts.google.com/ ​ ​ 2. 폰트 글씨 스타일 확인 > Download family 다운로드 실시 ​ ​ 3. 다운로드 받은 파일 확인 실시 ​ /* =========================== */ ​
IT정보 & IT소식 2021. 5. 28. 10:03
13. (html/css/javascript/jquery) link rel type 사용해 외부 스타일 css 파일 설정 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] [HTML 소스코드] [CSS 소스코드] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부) 여백 설정 5. padding : 패딩 (내부) 여백 설정 6. border : 테두리 (선) 표시 설정 7. background : 배경 표시 설정 8. display : 화면..
FrontEnd 2021. 5. 28. 09:29
12. (html/css/javascript/jquery) 인터넷 및 폴더 이미지를 배경 이미지로 설정 - background-image, repeat, position, size

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​[폴더 구조] ​ ​ ​[이미지] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..
FrontEnd 2021. 5. 28. 09:14
165. (AndroidStudio/android/java) Intent setPackage 사용해 외부 링크 브라우저 크롬 사용해 로드 - 타겟 30 및 안드로이드 11 대응

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] /** ========== [크롬 브라우저 사용해 외부 링크 이동 실시] ========== **/ public void callChromeBrowser(String url){ //TODO [안드로이드 OS 11 및 타겟 30 이상 필수 사항] /** * [AndroidManifest.xml 파일 > manifest 부분 > 특정 앱 패키지명 등록 필요] * * * * * */ //TODO [크롬 브라우저 패키지명] fi..
Android 2021. 5. 26. 17:22
164. (AndroidStudio/android/java) packageManager 사용해 외부 앱 설치 여부 확인 및 마켓 이동 실시 - 타겟 30 및 안드로이드 11 대응

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] /** ========== [앱이 설치되어있으면 실행, 아니면 마켓이동 실시 메소드] ========== **/ public void goAppRun(final String packageNames){ //TODO [안드로이드 OS 11 및 타겟 30 이상 필수 사항] /** * [AndroidManifest.xml 파일 > manifest 부분 > 특정 앱 패키지명 등록 필요] * * * * * */ //TODO [외부앱..
Android 2021. 5. 26. 17:10
Prev 1 ··· 344 345 346 347 348 349 350 ··· 386 Next