목록text (33)

투케이2K

80. (html/css/javascript/jquery) p 태그 텍스트 글자 수가 부모 div 영역 초과 시 overflow 스크롤 처리 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ [div : height:10%; display: block; overflow: auto;] [p : display: table-cell;] 부모 div 스타일 height 지정 및 display block 설정, overflow 길이 초과 auto 처리 실시 자식 p 태그 스타일 display: table-cell; 처리 실시 [결과 출력] ​ [요약 설명] ​ ​ ​
FrontEnd 2021. 8. 23. 17:58
79. (html/css/javascript/jquery) p 태그 텍스트 글자 수에 맞춰서 div height 높이 자동 조절 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ [div : height:3%; display:table; table-layout:fixed;] [p : overflow: hidden; text-overflow: ellipsis; white-space: nowrap;] 부모 div 스타일 height 지정 및 텍스트 영역 초과시 히든 처리 실시 [div : display:table; table-layout:fixed;] [p : 텍스트 영역 초과 시 히든 처리 않함] 부모 div 스타일 height 지정 없음. p 태그 텍스트 글자 수에 맞춰서 자동으로 div height 영역 높이 조절 [결과 출력] ​ [요약 설명] ​ ​ ​
FrontEnd 2021. 8. 21. 15:50
77. (html/css/javascript/jquery) p 태그 텍스트 수직 line-height 줄 간격 조절 및 padding-left 들여쓰기 수행 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ [text-align: left] [line-height: 20px] p 태그 텍스트 text-align: left 속성 값은 수평 방향 기준으로 왼쪽으로 정렬을 실시합니다. p 태그 line-height: 20px; 속성 값은 수직 방향 기준으로 줄 간격 높이를 설정 합니다 [text-align: left] [line-height: 40px] p 태그 텍스트 text-align: left 속성 값은 수평 방향 기준으로 왼쪽으로 정렬을 실시합니다. p 태그 line-height: 40px; 속성 값은 수직 방향 기준으로 줄 간격 높이를 설정 합니다 [text-align: left] [pa..
FrontEnd 2021. 8. 19. 12:25
32. (jquery/제이쿼리) get , set 데이터 호출 및 지정 실시 - text , html , val

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery [소스 코드] ​ [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다 2. text() : 선택한 요소의 텍스트 내용을 설정하거나 반환합니다 3. html() : 선택한 요소(HTML 마크업 포함)의 내용을 설정하거나 반환합니다 4. val() : 양식 필드의 값을 설정하거나 반환합니다 */
Jquery 2021. 8. 13. 17:44
72. (html/css/javascript/jquery) p 태그 내부에 span 태그 선언해 부분 텍스트 색상 (color) 스타일 변경 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스코드] ​ hello hello hello [결과 출력] ​ [요약 설명] ​
FrontEnd 2021. 8. 9. 13:25
52. (html/css/javascript/jquery) 부트스트랩 (bootstrap) p 태그 text 속성 사용 및 hr 수평선 사용

[ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] ​ 좌측정렬 중앙정렬 우측정렬 양쪽정렬 일반 Lowercased Uppercased Capitalized text-primary text-secondary text-success text-danger text-warning text-info text-light text-dark text-white h1. Bootstrap heading h2. Bootstrap heading h3. Bootstrap heading h4. Bootstrap heading h5. Bootstrap heading h6. Bootstrap heading [결과 출력] ​ [요약 설명] ​ 1. p-속성 : p ..
FrontEnd 2021. 7. 20. 08:23
95. (javascript/자바스크립트) input text 박스에 focus , blur addEventListener 이벤트 등록 및 포커스 상태 확인

[ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript [소스 코드] [결과 출력] ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. focus : 특정 객체의 포커스 이벤트를 감지합니다 3. blur : 특정 객체가 focus >> unfocus 된 상태를 감지합니다 4. addEventListener : 특정 객체에 이벤트를 등록합니다 */
JavaScript 2021. 7. 15. 08:56
93. (javascript/자바스크립트) new Blob 사용해 json 파일 , text 텍스트 파일 생성 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [JSON 파일]​ ​ [TEXT 파일]​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니..
JavaScript 2021. 7. 13. 08:15
22. (jquery/제이쿼리) focus , blur 사용해 input text 포커스 상태 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. $("#객체") : jquery 에서 특정 객..
Jquery 2021. 7. 5. 09:03
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
29. (html/css/javascript/jquery) 텍스트 text 길이 초과 시 생략 처리 - table layout, white space, text overflow

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] TEST TEST TEST TEST /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 ..
FrontEnd 2021. 6. 9. 15:02
2. (jquery/제이쿼리) Jquery 사용해 브라우저 사이즈 확인, 스타일 (style) 속성 값 확인 및 변경, 텍스트 (text) 값 확인 및 변경

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요약 설명] 1. 기본 문법 : $(선택자).동작함수(); 2. css : 자바스크립트에서 css 속성을 확인 및 변경할 때 사용합니다 3...
Jquery 2021. 6. 8. 10:56
146. (AndroidStudio/android/java) Scoped Storage 사용해 텍스트 파일 저장 및 호출 - ContentResolver , MediaStore

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] //TODO [사전 퍼미션 요청 필요함] //TODO [파일 경로 설명] //콘텐츠 파일 경로 (파일 삭제) : content://media/external/file/37352 //절대 파일 경로 (파일 불러오기) : /storage/emulated/0/Download/TX20210513213131.txt //TODO [텍스트 파일 저장 실시] saveFile(getNowTime24(), "HelloTextFile"); ..
Android 2021. 5. 14. 14:25
Prev 1 2 Next