본문 바로가기

IT와 생활/홈피와 블로그63

out of memory at line에러 - jquery일 경우의 해결방안 [out of memory at line에러 - jquery일 경우의 해결방안] 이 방법은 jquery를 이용하여 사이트를 제작하는 경우에 해당하는 에러 해결방안입니다. 슬라이딩 메뉴나 갤러리 등의 제작을 하기 위해 jquery를 사용하는 경우가 많습니다.그런데 이 jquery는 jquery-1.x.x.min.js같은 스크립트파일을 호출해서 사용합니다. 문제의 원인 문제는 이 파일들이 호환이 안 되서!예를들면 1.5.5와 1.5.4도 1.5.6도 서로 호환이 안 돼고 오로지 jquery-1.5.5.min.js파일을 호출해야만 한다는 것입니다. 해결의 난점 그러나 이 에러는 문제가 생겨도 jquery 때문이라고 정확히 메세지를 주지 않고 엉뚱하게 "out of memory at line"같은 메모리 에러를.. 2015. 1. 11.
모바일 홈페이지로 자동이동되는 소스 - Location 이용방법 [모바일 홈페이지로 자동이동되는 소스 - Location 이용방법] 이 자동이동 코드소스는 홈페이지에 PC로 접근했는지, 홈페이지에 스마트폰 등 모바일 기기로 접근했는지를 판단하여 해당하는 페이지로 이동시켜 주는 소스입니다. (PC용 홈페이지 또는 모바일용 홈페이지로) PC와 모바일에 따른 홈페이지 운영 설명 일반적으로는 (또는 과거에는) 기본 도메인으로 www.kiss7.kr이란 도메인을 가지고 있다고 할 때, 방문자가 웹브라우저에 www.kiss7.kr을 입력했다면 PC용 홈페이지로 접속시키고 m.kiss7.kr을 입력했다면 모바일 홈페이지로 자동 접속시키곤 하였습니다. 즉, 도메인의 종류에 따라 이동시켰다는 얘깁니다. 그러나 하나의 도메인을 가지고 홈페이지를 운영하면서, 방문자가 어떤 것으로 (PC.. 2015. 1. 10.
검색엔진 최적화로 방문율 높이기 - 검색엔진 로봇 최적화 robots.txt [검색엔진 최적화로 방문율 높이기 - 검색엔진 로봇 최적화 robots.txt] robots.txt 검색엔진 최적화에 대한 설명 robots.txt 최적화는 검색로봇이 잘 찾아와서 검색해 갈 수 있도록 내 사이트에 안내페이지를 작성하는 방법입니다. 간혹 보안 때문이라며 robots.txt의 내용을 접근금지로 해 놓는 대형 사이트도 많은데 무식한 방법이라 하겠습니다. 사이트를 방문하는 사용자를 불편하게 만드는 행위이기 때문입니다. 그런 사이트의 관리자는 보안과 컨텐츠 복사 보호를 핑계로 삼지만, 정말 보안과 컨텐츠 복사를 보호하고 싶다면 사이트 해킹차단과 저작권 표시로 보호를 하는 것이 정상입니다. robots.txt를 이용해서 검색엔진이 접근하지 못하게 하는 것은 사이트를 폐쇄적으로 만들어서 정보가 필요.. 2015. 1. 8.
애드센스 수익, 이제는 수익광고 섹션타게팅을 해서 수익을! [애드센스 수익, 이제는 수익광고 섹션타게팅을 해서 수익을!] 광고연결 대상설정 - 애드센스 섹션타겟팅 구글 애드센스를 신청하고 운영하는 경우에 본문 글에 알맞은 애드센스 광고를 받을 수 있게 신청하는 태그입니다. 간단히 말하기 위해 알맞은 광고를 신청하게 한다고 했고, 정확히는 애드센스 광고와 맞는 단어가 나올 부분을 지정해 주는 기능입니다. 많은 블로거들이 수익을 얻기 위해 애드센스를 설치하고 수익활동을 합니다. 운영하는 사이트/블로그에 축구에 대한 글을 썼다고 합시다. 그리고 많은 사람들이 검색하다가 그 축구관련 글을 보고 방문했다고 합시다. 그런데 애드센스 광고에는 머리핀광고가 뜬다면? 수익을 얻기 위해 애드센스를 다는 것인데, 축구 좋아하는 남자들한테 머리핀 광고가 뜬다고 해봐야 얼마나 수익을 .. 2015. 1. 7.
댓글기능을 빌려 사용하자 (API서비스) - disqus.com [댓글기능을 빌려 사용하기 (API서비스) - disqus.com] 디스커스는 댓글 기능을 빌려쓰는 재밌는 댓글 시스템 API란 응용프로그램이나 웹서비스에서 특정 기능을 빌려다 사용할 수 있도록 제공하는 인터페이스 기능입니다. 포털에서 지도나 검색 등의 API를 공개한다는 신문기사를 본 적이 있을 것입니다. 흔히 트위터나 페이스북 같은 곳에 글을 보내거나, 로그인을 할 때도 사용합니다. 요즘은 API를 이용한 매쉬업 경진대회가 열릴 정도로 호응이 있습니다. 블로그나 홈페이지에 붙여서 사용해도 되는 재밌는 댓글 시스템 내 사이트에 없는 기능을 일일이 구현하지 않고 타 서비스에서 빌려다 사용할 수 있는 것이 API이며, 해당 서비스에서 발급하는 인증코드와 삽입방법을 가져다 쓰면 됩니다. 게시판을 운영하더라도.. 2015. 1. 6.
메뉴/팝업 등에 써먹기 좋은 "떠있는 고정 레이어"코드 만들기 [메뉴나 팝업 등에 써먹기 좋은 "떠있는 고정 레이어" 코드 만들기] 떠 있는 고정 레이어? 어떤 사이트에서는 마우스 휠을 굴려서 화면을 아래로 스크롤 하더라도 상단의 메뉴가 계속 같은 자리를 차지하고 있는 것을 볼 수가 있습니다. 또 어떤 사이트에서는 화면이 스크롤 되도 배너가 계속 같은 자리에 떠 있는 것을 볼 수가 있습니다. 이것은 레이어를 fixed로 띄워서 놓았기 때문입니다. 브라우저 상에서의 고정 좌표를 지정하여서 계속 그 좌표에 있게 하면 아무리 화면이 움직여도 자리가 변하지 않습니다. 계속 같은 자리에 떠 있으면서 고정되는 레이어이기 때문입니다. 화면 디자인용이나, 배너용, 메뉴용 등으로 자주 활용되는 떠 있는 고정 레이어의 소스코드에 대해 알아 보도록 하겠습니다. CSS에서의 모양을 정하.. 2015. 1. 5.
그누보드 검색 결과페이지에 태그가 나오지 않도록 하기 - search.php [그누보드 검색 결과페이지에 태그가 나오지 않도록 하기 - search.php] 검색 결과에서 태그 제외하는 방법 그누보드5에서는 많이 개선이 되었으나, 그누보드4를 쓰거나 그누보드4용 스킨을 그누보드5에서 덮어서 사용하면 통합검색 등을 했을 때 검색결과에 등의 태그나 기타 외계어 등의 같이 나올 때가 있습니다. 이럴 때 , 등이 글자에 섞여 나오는 것을 제외하는 방법입니다. DHTML을 이용한 게시판 글쓰기로 입력을 하게 되면 눈에는 안 보이지만 태그들이 자동 생성되어 글과 함께 저장됩니다.물론 저장한 글을 게시판에서 볼 때는 아무 문제가 생기지 않습니다. 하지만 문제는 통합검색을 통하여 검색했을 때 이런 태그들이 글과 함께 출력되는 것입니다. 이를 해결하기 위하여 search.php파일을 열어 수정하.. 2015. 1. 4.
카피라이트와 연도가 자동 변동되게 하기 - date( ) 함수 [카피라이트와 연도가 자동 변동되게 하기 - date( ) 함수] 카피라이트와 연도는 일종의 저작권 표시이다 대부분의 홈페이지 하단에는 카피라이트가 명시되어 있습니다. 예를 들자면 아래와 같은 형식이 홈페이지 제일 밑에 쓰여 있는 걸 종종 보게 됩니다. Copyright ⓒ 2000~2015 www.DOMAIN.com. All rights reserved. 카피라이트 문구는 사이트의 저작권 표시이기도 하고 홈페이지의 연혁을 말하기도 합니다. 사이트의 컨텐츠에 대한 보호의 의미이기도 하지만 홈페이지 운영의 시작을 표현하므로써 새로운 트렌드나 오래된 공식력을 전달하려는 의미도 있습니다. 그런데 카피라이트 문구에는 연도가 표시되다 보니, 다음 해가 되면 일일이 변경하기 귀찮아 집니다. 카피라이트 문구의 시작 .. 2015. 1. 1.
입력된 도메인에 따라 다른 페이지 출력하기 - stristr($_SERVER[HTTP_HOST] [입력된 도메인에 따라 다른 페이지 출력하기] - stristr($_SERVER[HTTP_HOST] 하나의 서버나 웹호스팅을 이용하는데 두개의 도메인을 이용하여 사이트를 운영해야 하는 경우가 있습니다. 이때 두개의 도메인을 하나의 웹호스팅에 연결해서 사용하는 방법입니다.하나의 웹호스팅에 각 도메인마다의 페이지를 만들어 놓고, 도메인을 판별해 해당 페이지를 자동으로 오픈시킵니다.즉, A.html과 B.html을 만들어 놓고 A.com으로 들어오면 A.html로, B.com으로 들어오면 B.html로 연결해 주는 소스입니다. 소스코드 인덱스 파일(index.html이나 index.php 등)에 아래의 소스를 삽입합니다. 소스코드 설명 stristr($_SERVER[HTTP_HOST]는 특정 문자를 검사하는 .. 2014. 12. 30.
무료이미지 pixabay(픽사베이) - 고퀄리티의 저작권 걱정없는 무료이미지 제공 사이트 [무료이미지 pixabay(픽사베이) - 고퀄리티의 저작권 걱정없는 무료이미지 제공 사이트] pixabay(픽사베이) 링크 29만장이 넘는 무료이미지와 벡터, 일러스트 제공 pixabay(픽사베이)는 상업적이거나 개인적 용도로 무료이미지를 저작권 걱정없이 사용할 수 있게 오픈한 공개 사이트입니다. 이 사이트에서는 무료 사진이미지 뿐만 아니라 그림인 벡터이미지 파일과 일러스트이미지 파일도 다운 받을 수 있어서 유용합니다. 개인적으로 블로그를 운영하는데도 이미지의 저작권 문제 때문에 고심스러운 경우가 있겠지만 상업적으로 운영을 할 때에는 유료이미지를 구입하더라도 부담이 되는 경우가 있습니다. 이럴 때에 저작권 걱정이 없는 pixabay(픽사베이)를 이용하면, 무료이미지임에도 고퀄리티의 이미지를 얻을 수가 있.. 2014. 12. 29.
무료이미지 morguefile(모그파일) - 저작권 걱정없는 깔끔한 이미지 제공 사이트 [무료이미지 morguefile(모그파일) - 저작권 걱정 없는 깔끔한 이미지 제공 사이트] morguefile(모그파일) 링크 저작권에서 자유로운 무료 이미지 모그파일 morguefile(모그파일)는 저작권을 걱정할 필요가 없는 무료 이미지를 제공하는 사이트입니다. 블로그나 홈페이지 제작 시에 이미지의 저작권 때문에 글쓰기에 부담이 될 때는 이용해 볼만한 서비스입니다. morguefile(모그파일)에서 무료로 저작권 FREE 이미지를 제공하고 있는 것은 아래 링크에서 확인할 수 있습니다. http://www.morguefile.com/about morguefile(모그파일)의 무료이미지들은 이용만 저작권에서 자유로운 것이 아니라 편집/변경에서도 저작권의 영향을 받지 않습니다. 일반적으로는 무료이미지를 .. 2014. 12. 28.
필수입력박스의 삼각형 표시 없애기 - wrest.gif [필수입력박스의 삼각형 표시 없애기 - wrest.gif] 필수입력 부분의 이미지를 바꾸는 방법 아이디, 비밀번호 등의 입력상자에 나타나는 삼각형 표시를 없애려고 합니다.그누보드를 설치해서 사용하다 보면 자주 보는 것입니다.반드시 입력이 되야 하는 텍스트입력 박스에는 필수입력의 의미로 삼각형 모양이 오른쪽 위에 붙습니다. 그러나 필요에 따라 필수입력임에도 이러한 표시를 하지 않아야 할 때가 있습니다.그럴 때 아래의 파일을 찾아 처리하면 됩니다. 설치된 그누보드의 하위 디렉토리를 보면 Js라는 폴더가 있습니다.그 안에 wrest.gif라는 파일이 있는데 이 파일을 수정하면 됩니다. 다른 색을 원할 경우 포토샵 등의 이미지 프로그램에서 색상 변경을 해도 됩니다.아무 표시가 없길 바랄 때는 가로 6픽셀, 세로.. 2014. 12. 27.

티스토리툴바