본문으로 바로가기

IT & 기타

해당되는 글 613
  • thumbnail
    IT & 기타/자바스크립트 (4)

    jQuery 더 읽기/닫기(Read More/Less) 토글

    더 읽기(Read More) 버튼을 클릭하면 전체 텍스트가 표시되면서 닫기(Less) 버튼이 표시되도록 하는 jQuery 예시입니다. jQuery 더 읽기/닫기(Read More/Less) 토글 HTML 코드: 청춘 하여도 노래하며 할지니, 피어나기 가슴에 피가 운다. 수 같이, 원대하고, 피다. 귀는 생생하며, 용감하고 인간에 풀밭에 이상, 봄바람이다. 거친 이 없으면 석가는 노년에게서 싸인 그러므로 지혜는 부패뿐이다. 피가 석가는 있는 뭇 자신과 것이다. 가치를 인간에 타오르고 사라지지 이성은 풀이 충분히 찾아 피다. 있는 천지는 같지 끓는 소금이라 사막이다.모래뿐일 얼음이 끝에 있는가? 거친 천고에 위하여서, 피가 예가 품에 그들의 몸이 작고 있는가? 구하기 전인 가는 사랑의 싸인 그러므로 것은 끓..
  • thumbnail
    IT & 기타/CSS (1)

    HTML5 number 타입 입력 필드에서 스핀 버튼을 숨기는 방법

    입력 양식에서 입력 필드의 타입을 number로 지정할 경우 해당 필드를 선택하면 숫자를 높이거나 낮출 수 있는 스핀 버튼이 표시됩니다. 이 스핀 버튼(증감 버튼)은 CSS로 숨길 수 있습니다. HTML5 number 타입 입력 필드에서 스핀 버튼을 숨기는 방법 워드프레스 Quform에서 다음 우편번호 스크립트를 적용하여 우편번호를 검색하여 주소를 입력할 수 있는 작업을 진행했습니다. 추가로 전화번호 필드에 숫자만 입력이 가능하도록 설정했습니다. Quform 개발자가 제시하는 코드를 사용하여 해당 필드를 number 타입으로 변경했습니다. 텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기 텍스트 입력 상자에 숫자만 입력 가능하도록 하거나 숫자와 하이픈만 입력을 허용하고 싶은 경우가 있습니다. 이 경우 t..
  • thumbnail
    IT & 기타/자바스크립트

    텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기

    텍스트 입력 상자에 숫자만 입력 가능하도록 하거나 숫자와 하이픈만 입력을 허용하고 싶은 경우가 있습니다. 이 경우 text input 필드의 타입을 number나 tel로 변경하는 것을 고려해볼 수 있습니다. input 타입을 nubmer로 변경하면 숫자만 입력 가능하고 tel로 설정하면 숫자와 하이픈(-)과 더하기 기호, 괄호 등 전화번호 입력에 필요한 숫자와 문자만 입력할 수 있습니다. text 타입을 그대로 두고 숫자만 입력 가능하도록 하거나 숫자와 하이픈(-)만 입력하도록 허용하려는 경우 아래의 자바스크립트나 jQuery 스크립트를 활용할 수 있습니다. 텍스트 입력 상자에 숫자와 하이픈만 입력 허용하기 다음 자바스크립트를 적용하면 숫자와 대시(-)만 입력이 가능하게 됩니다. var userName..
  • thumbnail
    IT & 기타/티스토리 (2)

    스피드스타 스킨: 본문 제목 드래그 방지 해제

    이 블로그에는 스피드스타라는 티스토리 스킨이 적용되어 있습니다. 지난달 카카오 데이터센터 화재 사건 이후 일부 기능이 작동하지 않는 문제가 발생했지만 최근 스피드스타 개발자께서 버그를 패치한 업데이트를 내놓았습니다. 스피드스타 스킨에서 글 제목에 드래그 방지 코드가 적용되어 있어 제목을 선택하여 복사할 수 없습니다. 이 점이 불편한 경우 드래그 방지 코드를 제거하여 본문 제목이 선택 가능하도록 설정할 수 있습니다. 스피드스타 스킨: 본문 제목 드래그 방지 해제 스피드스타 스킨에서 본문 제목을 선택할 수 있도록 변경하려면 스킨 편집 » html 편집 » HTML 탭에서 다음 코드 부분을 검색합니다. title{font-weight:700;word-break:break-all;margin:25px 0;lin..
  • thumbnail
    IT & 기타/자바스크립트 (1)

    CSS를 사용하여 하단 배너 만들기

    이 티스토리 블로그의 하단에는 배너가 표시되고 있습니다. 닫기 기능이 있는 배너의 경우 보통 Javascript를 사용하지만 이 블로그에 사용된 배너는 HTML/CSS만으로 구현되었습니다. Javascript를 이용하면 닫기를 누르면 하루 동안 표시되지 않도록 하는 것도 가능합니다. 하단 배너 만들기(Close 버튼 포함) 워드프레스의 경우 다양한 배너 플러그인이 있습니다. 예를 들어, Brave 플러그인을 사용하면 다양한 형식으로 팝업이나 배너를 표시하는 것이 가능합니다. 워드프레스 Brave 팝업 플러그인 설정 살펴보기 워드프레스 Brave 플러그인은 팝업 플러그인으로 개발되었지만 컨택트 폼, 이메일 주소 수집 등 다양한 기능을 제공하는 플러그인으로 진화하고 있습니다. 이 플러그인을 사용하여 배너를 ..
  • thumbnail
    IT & 기타/티스토리 (2)

    카카오 데이터센터 화재 사건 이후 티스토리 블로그 색인 미생성 문제

    카카오 데이터센터 화재 사건 이후 티스토리 블로그가 복구되어 작성한 일부 글들은 구글에서 제대로 색인이 생성되지 않는 문제가 있을 수 있습니다. 복구 직후에 작성한 일부 글들이 색인이 생성되지 않았을 수 있으므로 확인하여 색인이 미생성된 글들에 대하여 수동으로 색인 생성 요청을 하시기 바랍니다. 카카오 데이터센터 화재 사건 이후 일부 티스토리 블로그 글들의 색인 미생성 문제 지난 10월 15일, 카카오 데이터센터 화재 사태 이후 다음, 네이버, 구글 등의 검색엔진에서 유입이 급감하는 문제가 발생했습니다. 제 티스토리 블로그의 경우, 약 한달이 지난 지금은 거의 90% 이상 회복한 것 같습니다. 하지만 아직 회복되지 않은 블로그들도 많은 것 같습니다. 카카오 데이터센터 화재 직후에 발행한 일부 글들은 구글..
  • thumbnail
    IT & 기타/티스토리 (3)

    스피드스타 스킨: 티스토리 댓글 문제 해결 패치 릴리스

    지난달 15일, 카카오 데이터센터 화재 사건 이후 티스토리 블로그 장애가 발생했지만 며칠 뒤 정상화되었습니다. 하지만 정상화된 후에도 티스토리 댓글 목록이 표시되지 않는 버그 등 몇 가지 문제가 일부 스킨에서 발생했습니다. 또한, 카카오 사태 이후 다음과 네이버, 구글 등 검색엔진에서 유입이 급감하고 애드센스 광고가 송출되지 않는 문제가 발생하는 사이트들도 많았습니다. 이 블로그의 경우 방문자 수는 카카오 데이터센터 화재 사건 이전과 비교하여 80~90%까지 회복된 것 같습니다. 스피드스타 스킨: 티스토리 댓글 문제 해결 패치 릴리스 이 블로그에 적용되었던 스피드스타 스킨에서 판교 데이터센터 화재 사건 이후 댓글이 있어도 댓글이 표시되지 않는 문제가 발생했습니다. 위의 그림과 같이 댓글 개수는 표시되지만..
  • thumbnail
    IT & 기타/티스토리 (1)

    티스토리 데이터 백업 기능이 활성화되었습니다(+사이트 이전 고려 사항)

    티스토리에서 데이터 백업 기능을 활성화했습니다. 이제 글, 첨부 이미지/파일/동영상을 백업할 수 있습니다. 데이터 백업을 하면 30일 동안 다운로드가 가능하고, 이 기간 동안 새로운 백업은 할 수 없습니다. 백업을 하여 살펴보니 html 파일로 백업이 되네요. 만약 티스토리 블로그를 웹호스팅을 이용하는 사이트로 이전할 경우 사이트에 데이터를 올리기 전에 몇 가지 작업을 해주어야 할 것 같습니다. 티스토리 데이터 백업 기능 활성화 티스토리 블로그의 글과 이미지 등을 백업할 수 있습니다. 백업을 실행하려면 관리 » 블로그를 클릭하고 데이터 관리 섹션의 데이터 관리하기를 클릭합니다. 블로그 관리 페이지의 블로그 백업에서 백업이 가능합니다. 티스토리 블로그 글/이미지/파일/동영상은 백업이 되지만, 댓글/방명록,..
  • thumbnail
    IT & 기타/IT (3)

    화면 캡처 및 편집 프로그램 Snagit: WebP 포맷으로 이미지 저장하기

    화면 캡처 및 편집 프로그램인 Snagit이 WebP 파일 포맷으로 이미지를 저장하는 기능이 지난 8월 공개된 Snagit 버전 2022.1.1에 도입되었습니다. 최근 Snagit이 2023 버전으로 업데이트되면서 기능이 조금 향상된 것 같습니다. 저는 이미지를 편집한 후에 WEBP 포맷으로 저장하여 티스토리 블로그와 워드프레스 블로그에 업로드하고 있습니다. 1분만에 블로그 썸네일 만들기 - 워드프레스 정보꾸러미 Snagit으로 화면 캡처 후 곧바로 간단한 편집 가능 썸네일 작업 시간을 크게 줄일 수 있음 블로그 글을 작성하면서 썸네일을 일일이 만드는 작업이 귀찮을 수 있습니다. 그래서 저는 무료 이미지 www.thewordcracker.com WEBP 포맷으로 저장하면 보통 이미지 크기가 큰 폭으로 줄..
  • thumbnail
    IT & 기타/IT

    긴 주소를 짧게 단축하는 URL 단축 서비스 사이트를 만들 수 있는 BeLink

    긴 주소를 짧게 단축하는 URL 단축 서비스를 제공하는 사이트를 만들고 싶거나 개인적으로 해당 도메인으로 된 단축 URL을 생성하고 싶은 경우 BeLink, Premium URL Shortener 등과 같은 PHP 스크립트를 사용할 수 있습니다. 긴 주소를 짧게 단축하는 URL 단축 서비스 사이트를 만들 수 있는 BeLink 가끔 방문하는 개발자 커뮤니티에 어떤 분이 단축 URL 서비스를 제공하는 사이트를 만들었다면서 소개하는 것을 보고 저도 단축 URL 서비스를 제공하는 사이트를 하나 만들어볼까 생각한 적이 있습니다. 워드프레스 플러그인을 비롯한 각종 스크립트와 코드를 판매하는 Codecanyon에서 제공하는 PHP 스크립트를 사용하면 위의 그림과 같은 단축 URL 서비스 사이트를 만들 수 있습니다. ..

    가성비가 뛰어난 웹호스팅

    저렴하고 가성비 좋은 웹호스팅

    저도 같은 사람한테 당했는 데... 청산사랑 => 이 ⋯

    💬Xenoint

    플러그인 사용이전하는 방법이로군요^^

    💬空空(공공)

    트라도스서식 알아 갑니다^^

    💬空空(공공)

    예전에는 새로운 버전 출시 전 몇 달 전에 구입할 경우⋯

    💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

    무료로 업그레이드 해주면 더 충성도가 올라갈텐데요

    💬본연의 힘

    워드프레스 시작 가이드

    워드프레스 시작하기
    이모티콘창 닫기
    울음
    안녕
    감사해요
    당황
    피폐

    이모티콘을 클릭하면 댓글창에 입력됩니다.

    프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드