본문 바로가기

분류 전체보기567

2-1 블로그 제목 어떻게 지을 것인가? 티스토리 에디터 제목1 H2,H3,H3 P태그의 사용 2-1 블로그 제목 어떻게 지을 것인가? 블로그의 제목은 블로그에 어떤 주제의 글을 쓸 것인가만큼 쓰는 사람 마음이다. 그런데 중요한 것은 검색에 노출되는 것은 쓰는 사람 마음대로가 아니라 검색엔진 마음대로다. 그러니 검색엔진에 노출시키고 싶은 검색어를 명확하게 명시해주어야 한다. 당연히 해당 검색어는 본문에서도 자연스럽게 녹아 있어야 한다. 누가 "에너지 드링크 야"에 대한 글을 썼다. 그런데 과연 "고속도로 에너지 드링크"에 대한 검색이 많을까? 다행히 놀랍게도 이 블로그는 "에너지 드링크" 다음 검색에서 블로그 부분 첫 번째 글로 노출이 되고 있다. 이러면 사실상 뭐 별다른 검색어를 쓸 필요가 없겠지만, 노출이 잘 안된다면 좀 더 세부적인 검색어를 사용해야 한다. 예컨대 "고속도로 에너지 드링크 야.. 2020. 11. 3.
Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 서론 Jquery 스와이퍼 슬라이더 플러그인인 idangerous.swiper.js를 사용하면 모바일 기기에서 손쉽게 슬라이드를 터치하여 내용을 넘길 수 있습니다. 그러나 이 플러그인의 페이징 처리 기능은 주로 숫자나 불릿 형태로 페이지를 표시하며, 텍스트 문장으로 페이지네이션을 설정하는 기능은 기본적으로 제공되지 않습니다. 이에 대한 요구사항이 있을 때, 플러그인의 코어를 수정하지 않고도 텍스트 문장을 이용한 페이지네이션을 구현할 수 있습니다. 이 글에서는 이러한 요구사항을 충족시키기 위한 해결책을 제시하고자 합니다. 해결책: 페이지네이션 텍스트 문장으로 변경하기 페이지네이션을 텍스트 문장으.. 2020. 11. 3.
작성한 프로그램이 엉망이지만 제대로 동작할 때 작성한 프로그램이 엉망이지만 제대로 동작할 때.... 캐공감되네... 이번 플젝 퍼블리싱이 딱 저 수준인데... 일단 동작되니까 입 다물자. 리팩토링 하기엔 너무 멀리 왔다. HiTAX2020 2020. 11. 2.
img 태그 404 Error시에 대체 이미지 띄우기 img 태그 404 Error가 발생하면 대체 이미지를 띄우는 것은 쉽다. 아니 처음부터 그렇게 만들면 별로 걱정할 문제는 아니다. 그리고 대체로 레이아웃을 구성하는 이미지는 bg속성을 준 스타일을 먹이는 경우가 대부분이므로, bg가 깔리지 않으면 스타일만 변경해 주면 된다. 그 이외의 레이아웃을 구성하는 이미지 요소들도 마찬가지로 처리하면 된다. 문제는 게시판이나, 갤러리 등 다수 사용자 빌런 그룹이 존재하지 않는 이미지를 올리거나, 올렸던 이미지 소스 주소가 없어진 경우에 발생하는 이미지 에러 문제는 보통 다음과 같이 해결해 주어야 한다. 그런데 앞서도 지적했지만 게시판에 이미지를 불펌해다 붙이는 사용자들이 친절하게 html태그를 열어서 대체 이미지 주소를 입력하는 attr을 집어넣기를 바라는 것은 .. 2020. 10. 26.
다음 검색 SEO 노출 잘되는 블로그 글 작성 방법 초보자들에게 뭔가를 가르칠 때 늘 조심스럽다. 몇 년 전에 생활이 어렵다고 도움 좀 달라고 댓글 단 사람이 있어서 선의로 온갖 액기스를 다 뽑아서 설명을 해 준 적이 있다. 그랬더니 이 인간이 내 블로그에 글만 올라오면 곶감 빼 먹듯이 쏙쏙 빼먹어서 그 뒤로 몇년간 블로그에 대해서 가르쳐 주지 않았다. 요즘 직장 동료에게 블로그 글 쓰는 법을 설명해 주고 있다. 내가 아끼는 핵심 카테고리 키워드로 세세한 설명을 하자니 몇 년 전 그 사건이 떠 올라 망설여 지곤 했다. 요즘 신종코로나 바이러스가 유행이다. 코로나 바이러스와 관련된 컨텐츠로 글을 쓰는 건 당장은 많은 방문자 유입을 노릴 수 있는 주제이긴 하다. 하지만 수명이 그리 길진 않다. 유행하는 것에 대해 글을 쓰는 건 그냥 잠깐 유흥 정도로 쓰는 게.. 2020. 10. 25.
[유틸팁] 울트라 에디터 32 FTP 계정 설정 파일 백업 울트라 에디터를 사용하다 보면 FTP로 직접 서버에 붙어서 코드를 수정하는 경우가 많은데, PC를 바꾼다던지, 다른 컴퓨터에서 작업을 한다던지 할 때 FTP정보를 다시 모두 입력해야 하는 번거로움이 있다. 이럴 때 FTP계정과 각종 환경 설정 파일을 백업해서 복구해서 쓸 수 있다면 유용할 것이다. 이런 정보를 담고 있는 파일은 간단하게 다음의 경로에 위치한 파일이다. OS:윈도즈 7 C:\Documents and Settings\ChoHJ\Application Data\IDMComp\UltraEdit\UEdit32.INI 2020. 10. 24.
자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트의 onresize 이벤트 창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다. A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BUTTON, CENTER, CITE.. 2020. 10. 23.
크롬 데스크탑 스마트폰 연동 기기로 보내기 안드로이드 스마트폰을 사용하고 데스크톱에서 크롬 브라우저를 같이 사용하며 둘 다 브라우저에 로그인이 되어 있을 때 편리한 기능들이 많다. 예컨대 PC에서 크롬으로 검색하던 내용을 곧장 스마트폰으로 보낼 수 있다. 이게 뭐 대단한 건가 싶겠지만 소소하게 편리하다. 예를 들어서 인천 중구 시설관리공단 공영주차장 관리과 전화번호가 궁금해서 PC에서 검색했는데 막상 전화는 스마트폰에서 걸어야 한다면 옛날 사람들은 모니터에 떠 있는 전화번호를 직접 스마트폰에 입력해서 전화를 걸었어야 했다. 하지만 크롬에서라면 마우스 오른쪽 버튼을 눌러서 내 모바일 기기로 전화 걸기를 보낼 수 있다. 이걸 보내면 자동으로 스마트폰에서 알림이 뜨고 탭해서 전화 걸기가 가능하다. 크롬 브라우저에서 보던 사이트나 홈페이지를 북마크 하지.. 2020. 10. 22.
드롭다운 사용을 위한 popper.js 다운로드 for bootstrap 4.3 dropdown components 드롭다운 사용을 위한 Popper.js 다운로드 for Bootstrap 4.3 Dropdown Components 안녕하세요, 블로그 독자 여러분! 오늘은 Bootstrap 4.3에서 드롭다운 컴포넌트를 사용하기 위해 필요한 Popper.js 다운로드에 대해 알아보려 합니다. 이 글을 통해 드롭다운 메뉴를 구현하면서 발생할 수 있는 문제를 해결하는 방법을 살펴보겠습니다. 부트스트랩 3.x부터 4.3까지의 변화 부트스트랩의 버전이 업데이트되면서 드롭다운 컴포넌트를 사용하기 위한 요구 사항도 조금씩 변화하였습니다. 부트스트랩 3.x까지는 Popper.js가 필수적으로 필요하지 않았습니다. 하지만 4.3 버전부터는 드롭다운 메뉴를 사용하려면 Popper.js를 함께 사용해야 합니다. 이로 인해 초기 설정에 .. 2020. 10. 21.

티스토리툴바