큰일 할 남자

URL을 불러올 수 없습니다 앱 도메인에 포함되어 있지 않은 url입니다 - 해결법 페이스북 API를 이용하는 플러그인을 설치해 사용하다 보면 간혹 'URL을 불러올 수 없습니다. 앱 도메인에 포함되어 있지 않은 url입니다.' 라는 오류 메시지가 나타나는 경우가 있습니다. 오류 원인을 분석해보면 웹사이트 등록이 안 되어 있거나 주소가 잘못 입력된 경우가 대부분입니다. 이는 Facebook Developer(페이스북 개발자) 사이트에서 추가/수정을 통해 간단히 해결할 수 있습니다. 페이스북 API 웹사이트 연결 오류 해결하기1. Facebook for developers - https://developers.facebook.com 에 접속한 후 로그인합니다.그 후 우측 상단 내 앱을 클릭한 후 수정하고자..

티스토리 채팅창 만들기 - Chatbox큰일 할 남자 블로그 사이드바 스크롤을 내리다 보면 조그마한 채팅창이 있습니다. 댓글은 각각의 포스팅에 작성할 수 있으므로 한정적으로만 보여지는 데에 비해 채팅창은 어느 페이지든 항상 사이드바에 표시되기 때문에 접근성이 뛰어날 거로 생각해 추가했습니다. 그동안 제법 많은 분이 채팅창에 관심을 두고 질문을 주셔서 답변을 드렸는데 채팅창 추가하는 방법에 대한 포스팅을 미루고 미루다 이제서야 합니다. 이미 코드를 만들어주는 사이트가 있으므로 누구나 쉽게 채팅방을 생성할 수 있으며 HTML 코드만 수정할 수 있다면 어느 블로그든 간단하게 채팅창을 추가할 수 있습니다. 1. http://www.smartchatbox.com/ 를 클릭해 '스마트 쳇박스'로 이동한 후 하단 C..

블로그 로딩 속도 높이기 - THML, CSS, JS 압축 블로그 방문자들이 쾌적하게 콘텐츠를 이용하게 하기 위해 블로그 로딩 속도를 높이는 최적화 작업은 필수적으로 해야 합니다. 티스토리는 사용자가 직접 HTML과 CSS 코드를 수정할 수 있으므로 네이버 블로그보다는 조금 더 다양한 방법으로 최적화를 시도해 볼 수 있습니다. - - - - - ☞ [ 바로 가기 ] 사이트 속도 측정하기 - - - - - 먼저 이 포스팅을 읽기 전 위 링크를 참고해 운영하고 계시는 블로그나 웹사이트의 속도를 측정해보시길 바랍니다. 블로그 속도 측정 후 결과를 살펴보면 최적화를 위해 필요한 작업이 무엇인지 알 수 있습니다. 서비스가입형 블로그(티스토리, 네이버, 이글루스)를 이용하는 경우 직접 서버를 관리하지 않기 때문에 ..

HTML 압축 프로그램 HTML 압축 프로그램 사용법1. 압축하고자 하는 HTML 코드를 복사한 후 Source 탭 박스 안에 붙여 넣기합니다.2. 박스 하단 Compress를 클릭합니다.3. 압축 된 HTML 코드를 복사해 적용 시킵니다. ※ 압축 시 파일이 손상될 수 있기 때문에 반드시 백업 파일을 생성하시기 바랍니다. 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다. 특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서..

CSS 압축 프로그램 CSS 압축 프로그램 사용법1. 압축하고자 하는 CSS 코드를 복사한 후 Input 박스 안에 붙여 넣기합니다. 2. Input 박스 우측 상단 CSS를 클릭합니다. 3. 압축 된 CSS 코드를 복사해 적용 시킵니다. ※ 압축 시 파일이 손상될 수 있기 때문에 반드시 백업 파일을 생성하시기 바랍니다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. 간단히 스타일 시트라고도 한다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 ..

워드프레스 로딩 페이지 만들기 - Preloader by SWS 플러그인 워드프레스를 기반으로 제작된 웹사이트에서 페이지 로딩 속도는 무엇보다도 중요한 요소 중 하나입니다. 초고속 인터넷에 익숙해진 사용자들은 로딩 속도가 1~2초만 늦어져도 페이지를 이탈하거나 사이트가 느리다는 생각을 하게 됩니다. 물론 꾸준히 웹사이트 최적화 작업을 해주고 빠른 호스팅 서비스를 이용하면 이런 현상을 방지 할 수 있지만 간단한 트릭을 사용해 로딩이 지연돼도 방문자를 잡을 수 있는 방법이 있습니다. - - - - - - - ☞ [ 바로 가기 ] 빠른 해외 호스팅 A2호스팅 신청하기! ☞ [ 바로 가기 ] 초 간단! 누구나 할 수 있는 호스팅 서버 이전 - - - - - - - 워드프레스 로딩 페이지 만들기 - Preload..

워드프레스 파일 첨부 플러그인 - [WordPress Download Manager] 워드프레스에 파일을 첨부하는 기본적인 방법은 '미디어 추가' 기능을 이용해 파일을 올린 뒤 다시 링크를 걸어주는 것입니다. 하지만 하나하나 다 수작업으로 해야 하기 때문에 파일을 자주 업로드 해야 하는 상황이라면 불편함이 이만저만이 아닙니다. 더욱이 기본적인 CSS 지식이 없다면 그저 글자에 링크를 걸어주는 수준의 파일 첨부만 가능하게 됩니다. 워드프레스의 다양한 장점 중 하나인 플러그인 추가 기능으로 파일 첨부에 대한 고민을 깔끔하게 해결할 수 있습니다. 파일 첨부와 관련해 검색해보면 수없이 많은 플러그인이 검색되지만 이번 포스팅에선 "Wordpress Download Manager" 플러그인에 대해 다뤄보도록 하겠습..

[워드프레스 보안] XML-RPC 공격 방어 & 예방 워드프레스는 가장 인기 있고 강력한 CMS(Content management system) 플랫폼입니다. 하지만 인기가 좋아 많은 사람이 사용하는 만큼 워드프레스 웹사이트만을 타깃으로 한 다양한 공격도 끊임없이 시도되고 있습니다. 공격에는 다양한 종류가 있지만 이번엔 악의적인 트래픽 공격으로 인해 MySQL이 응답하지 않아 사이트 접속 시 "Error connecting to database" 혹은 "Out of Memory errors" 문구가 뜨는 경우에 대해 원인을 알아보고 문제를 해결해보도록 하겠습니다. 이 해결책은 우분투 14.04 시스템(Ubuntu 14.04 system)을 사용하는 워드프레스를 XML-RPC 공격으로부터 방어하는 방법입니..

크기에 따라 변하는 반응형 애드센스 광고 코드 수정 / 애드센스 모바일 반응 광고 잠시만 눈에 보이지 않아도 불안감을 떨칠 수 없다는 중독성 강한 스마트폰, 이제는 어른이나 아이 할 것 없이 모두가 스마트폰이 없으면 일상생활에 지장을 받을 정도로 스마트폰은 우리 생활에 밀접하게 맞닿아 있습니다. 이렇게 스마트폰 보급이 일반화되며 이제는 일일 모바일 인터넷 사용자가 데스크톱 인터넷 사용자를 넘어서는 시대가 되었습니다. 변하는 시대에 발맞춰 웹사이트나 블로그도 모바일 친화형 스킨(레이아웃)을 내놓으며 사용자의 불편함을 최소화하고 있습니다. 구글 애드센스에서도 발 빠르게 몇 년 전부터 블로거에게 크기에 따라 변하는 반응형 광고 코드를 사용할 수 있게 하며 광고주와 블로거의 편의를 충족시켜주고 있습니다. 반응형..

[블로그 최적화] 고품질 블로그를 만드는 비밀 정보 - 이탈률을 낮춰라! 검색 노출이 잘되는 블로그를 만들기 위해 많은 블로거가 최적화를 목표로 열심히 노력하고 있습니다. 이와 관련된 내용은 인터넷에서 쉽게 찾을 수 있으므로 얼마나 관심을 가지고 공부하는 지와 자신의 블로그에 맞게 잘 적용하는지가 중요합니다. 블로그 최적화 노하우 글을 읽다 보면 제법 많이 등장하는 글이 주제가 비슷한 글로 연결되는 링크나 방문자의 흥미를 끌 만한 주제를 가진 글의 링크를 함께 포스팅하라는 것입니다. 과거에 포스팅했던 글 중 지금 작성하고 있는 글과 비슷한 주제를 가진 것을 찾아 링크만 걸어주는 이 단순한 작업이 블로그의 가치를 훨씬 높여주는 황금 같은 작업이 될 수 있습니다. 대부분의 블로그는 이웃이나 즐겨찾기 기능을 ..

블로그 상위 노출과 양질 포스팅의 필요성 [블로그 최적화] 블로그 상위 노출과 양질 포스팅의 필요성블로그 상위 노출 필요성 실험 몇 주 전 블로그 상위노출의 필요성과 관련해 구글 애널리틱스를 이용해 실험을 진행했습니다. 두 개의 블로그를 이용해 비슷한 주제와 거의 같은 제목을 가진 글을 각각 작성한 뒤 하나는 키워드 검색 시 1페이지에 나오도록 하고 다른 하나는 2페이지에 나오도록 배치했습니다. 일주일이 지나고 1페이지에 노출되던 글은 한두 칸 아래로 밀리긴 했지만, 여전히 1페이지 노출을 지켰고 2페이지에 노출되던 글은 계속 밀려 3페이지 끝자락에 노출되고 있었습니다. 양질 포스팅 필요성 실험 다음 실험으로 블로그 상위 노출 기술과 양질의 글 중 어떤 것이 더 중요한지를 알아보기 위해 위 실험과 유사하..

웹사이트를 운영하다 보면 다양한 문제점에 부딪히게 됩니다. 웹 호스팅 업체를 통해 서비스를 받고 있다면 웬만한 문제는 호스팅 업체와 연락해 해결할 수 있지만, VPN같이 개인이 서버 관리까지 해야 하는 서비스를 이용하고 있는 경우 웹사이트에 문제가 발생하면 상당히 곤란해지게 됩니다. 오늘은 웹사이트 방문 시 위 사진처럼 아무것도 표시되지 않은 채 'Error establishing a database connection'이란 메시지만 나타나 운영자를 멘붕에 빠뜨리는 오류를 해결하는 방법에 대해 포스팅하겠습니다. 위 오류 메시지를 해석해보면 데이터베이스 연결에 오류가 있다는 뜻인데, 다양한 이유가 있겠지만, 가능성 높은 이유 중 하나는 데이터베이스끼리 충돌하는 것입니다. 만약 'PuTTY'를 이용하고 있다..

네이버에 '애드센스'나 '수익 블로그', '블로그로 돈 벌기'를 검색해보면 열에 아홉은 CPA 등의 사이트에 가입을 유도해 커미션을 챙기거나 별다른 내용 없이 열심히만 하면 된다는 식의 글과 함께 사진만 몇장 덩그러니 첨부되어 있습니다. 이제 막 발걸음을 뗀 블로거가 저런 글을 읽게 된다면 막연한 기대감과 환상에 젖게 될 가능성이 높습니다. 저 역시도 첫 블로그를 개설하고 애드센스 승인을 받았을 때 위 키워드를 적어도 수십번은 검색했었습니다. 그리곤 곧 블로그로 큰돈을 벌 수 있을 거란 환상에 빠졌던 적이 있습니다. 하지만 현실은 기대와 전혀 다르게 흘러갔고 아무리 시간을 쏟아도 수익은커녕 생각한 만큼 방문자 수도 늘지 않았습니다. 그도 그럴 것이 그때 당시에 글이라곤 학생 때 몇 번 써본 게 전부였고,..

개인이나 특정인을 상대로 한 블로그가 아닌 이상 일반적으로 블로그를 운영하는 사람이라면 자신이 운영하는 블로그(웹사이트)에 많은 사람이 방문하길 희망합니다. 사실 몇 년 전만 하더라도 개인 블로그보단 카페가 유행했기 때문에 어떤 주제로 블로깅 하든 경쟁자가 적어 검색에도 쉽게 노출되고 방문자 수도 높은 수준으로 꾸준히 유지할 수 있었습니다. 하지만 추세가 변하고 수많은 사람이 카페 시스템에서 벗어나 개인 공간(블로그)을 만들기 시작하며 경쟁해야 할 상대가 늘어나게 되었습니다. 특히 블로그를 운영하며 협찬, 홍보 글, 광고 삽입 등으로 인한 수입을 얻을 수 있는 인프라가 구축되면서 전문 블로거와 업체가 블로그 경쟁에 참여하기 시작했고 이로 인해 블로그 상위 노출을 위해선 다양한 전문성이 요구되기 시작했습니..

일반적으로 글상자를 생성하면 이 글상자처럼 블로그 최대 가로길이와 같은 크기로 만들어지게 됩니다. 만약 글상자 안에 들어갈 글이 길거나 디자인을 위해 사용하는 경우라면 큰 문제가 되지 않겠지만, 글이 짧거나 깔끔한 정리를 위해 사용했을 경우 너무 긴 글상자가 오히려 가독성을 해치거나 레이아웃을 망치는 경우가 발생합니다. 비슷한 기능의 표는 경계선을 드래그해 쉽게 크기를 조절할 수 있도록 설정되어 있지만 이와 달리 글상자는 크기 조절 드래그 기능이 지원되지 않습니다. 하지만 방법이 없는 것은 아닙니다. 간단한 HTML 수정을 통해 글상자 길이를 조절할 수 있는데, 가로 크기를 픽셀로 입력해주는 방법과 기본 가로 크기의 일정 % 만큼 크기를 입력해 변화시키는 방법이 있습니다. 용어가 익숙하지 않은 사람에겐 ..