본문 바로가기

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

실제 아이피 알아내기 - 특정 아이피 적용 소스 코드 (아이피주소 확인) [실제 아이피 알아내기 - 특정 아이피 적용 소스 코드 (아이피주소 확인)]아이피주소 확인을 하는 소스 코드는 꽤 있지만, 그 중에는 가짜 아이피를 가져오는 경우가 있습니다.이것은 여러 가지 경로를 거치는 네트워크 특성 상 종종 있는 일이며 프록시 서버를 거치는 경우에는 프록시 서버의 아이피를 넘겨 받게 됩니다. 예를 들어서 브라우저 설정이 외국 프록시 서버로 되어 있을 경우 엉뚱하게 네덜란드 아이피를 받는 것입니다. 이럴 때는 실제 아이피주소 확인으로 검수하는 과정이 있어야만 실제 아이피를 알아내기가 가능합니다. 또한 웹사이트를 제작하다보면 항상 모든 페이지를 하나의 코드만으로 운영할 수 없음을 알게 됩니다. 예를 들어 운영자만 들어갈 수 있는 페이지를 만드는 것은 로그를 확인하면 되지만, 내 집에서만.. 2018. 10. 4.
구글 맞춤검색 검색엔진 - 자신의 검색창을 이용하는 방법 [구글 맞춤검색 검색엔진 - 자신의 검색창을 이용하는 방법]구글은 검색엔진 회사답게 자사의 검색엔진을 이용한 서비스를 하고 있습니다. 대표적인 것이 바로 구글 맞춤검색 검색엔진입니다.간단히 요약하자면, 구글의 검색 기능을 다른 사이트/홈페이지에서 빌려다 사용할 수 있다고 하겠습니다. 물론 인터넷에서 구글 맞춤검색 신청과 검색창 달기를 찾아보면 매우 많은 설명을 볼 수 있습니다. 하지만 대부분 검색창 달기만 설명하고 있으며, 마치 자신의 사이트인 것처럼 검색페이지에 자연스럽게 연결되는 방법에 대해서는 설명문을 찾기가 힘듭니다. 이런 부분은 구글 도움말에서도 역시 찾아보기 힘듭니다. 그래서 이 문서에서는 구글 맞춤검색 검색엔진을 자신의 사이트의 검색엔진인 것처럼 활용하는 방법에 대해서 설명합니다. (주 내용.. 2018. 10. 3.
CSS 둥글게 하기 - 모서리 둥글게, 테두리 둥글게, 외곽선 둥글게 만들기 CSS : border-radius [CSS 둥글게 하기 - 모서리 둥글게, 테두리 둥글게, 외곽선 둥글게 만들기 CSS : border-radius] 웹디자인을 하다보면 모든 개체가 사각형이라서 지겨울 때가 있습니다. CSS 둥글게 만들기는 창의적인 웹디자인에 필요한 방법일 것입니다.div나 li의 border 모서리를 둥글게 하기는 CSS에서 border-radius 속성을 사용합니다.border-radius 속성은 포토샵 없이도 외곽선을 둥글게 만들 수 있다는 장점이 있습니다. 기본적인 div 등은 html, php문서에서 개체를 만들어 준 후에 CSS파일을 열어서 테두리를 둥글게 만드는 속성을 주는 방법입니다. DIV, LI, SPAN 등의 개체를 만든 후 적용한다 예를 들기 위해 div로 사각형을 만들고 div개체의 모서리를 둥글.. 2018. 10. 2.
인풋값 가져오기(input값 가져오기) 해서 링크로 보내기 [인풋값 가져오기(input값 가져오기) 해서 링크로 보내기] 인풋값 가져오기 인풋(input)은 여러 가지 경우에서 자주 볼 수 있습니다.검색창에 입력을 한다든지, 회원가입을 한다든지 하는 모든 입력행위는 웹페이지 의 글자입력 상자를 통하는 것입니다.이 인풋을 만드는 가장 대표적인 것이 form의 value값입니다. 대부분의 검색창은 바로 이 form으로 되어 있습니다. 이 글에서는 form의 value값을 가져오기 해서 링크로 새창을 띄우는 코드 소스에 대해 알아 보려고 합니다.사용자가 아직 검색을 하지 않았어도 입력된 input값을 가져오기해서 그 값으로 검색엔진으로 연결하는 예입니다. input값 가져오기을 가져오기해서 링크로 보내기 위해서는 다음 세 가지가 필요합니다. form문과 스크립트의 l.. 2018. 10. 1.
스마트에디터 본문 링크 새창으로 띄우기 스크립트 [스마트에디터 본문 링크 새창으로 띄우기 스크립트] [엮인 글]인풋값 가져오기(input값 가져오기) 해서 링크로 보내기 스마트에디터 본문 링크 새창 코드 스마트에디터는 오픈 에디터 프로그램으로 그누보드, 네이버 등에서 위지위그를 구현하기 위해 글 입력 에디터로 사용되고 있습니다. 그런데 스마트에디터가 업데이트되면서 어떤 버전에서는 글 내부에 적힌 URL 주소의 링크가 자신의 창에서 링크되고 있습니다. 그래서 스마트에디터의 본문 링크를 새창으로 띄우기 하려는 문의도 꽤 있습니다. 스마트에디터의 자신 창 링크의 원인은 스마트에디터에 URL이 적힐 때 링크 타겟이 _self로 잡히기 때문입니다. 더구나 스마트에디터에는 "새창" 띄우기 옵션도 없습니다. 사용자 입장에서는 속수무책인 셈이 됩니다. 이럴 때 스마.. 2018. 10. 1.
검색창 코드 소스와 검색창에 미리 입력된 검색어 - placeholder [검색창 코드 소스와 검색창에 미리 입력된 검색어 - placeholder] 검색창 코드 소스 검색을 지원하는 사이트를 다니다 보면 검색창에 "검색어를 입력해 주세요" 같은 단어가 미리 입력되어 있는 것을 보게 됩니다. 이것은 placeholder 속성을 이용한 임시 검색어입니다. placeholder란 "간단한 힌트"라는 의미의 코드인데, 이것을 검색창 코드 소스에 사용하면 손 쉽게 미리 검색어를 입력해 놓을 수 있습니다. 그런데 사실은 검색창에 미리 검색어를 입력하는 과정보다 검색창을 만드는 것이 먼저 이루어져야 하므로 검색창 코드 소스를 먼저 작성하겠습니다. HTML이나 PHP 파일 등의 필요한 부분에 먼저 아래의 검색창 코드 소스를 입력해 봅시다. // 검색을 처리할 페이지로 검색어를 보내는 기능.. 2018. 9. 30.
스크롤 때 상단 고정 코드 - 상단 고정 레이어 스크립트 [스크롤 때 상단 고정 코드 - 상단 고정 레이어 스크립트] 스크롤 때 상단 고정 코드 준비하기 요즘은 메뉴 등의 일부가 스크롤해도 상단에 고정되는 CSS가 많이 쓰이고 있습니다.웹브라우저에서의 상단 고정 레이어는 DIV나 nav 요소가 브라우저의 상단에 닿으면 먼춰 서서 계속 보이게 합니다.상단 고정 레이어 CSS는 PC에서 뿐만 아니라 모바일 홈페이지를 만들 때도 아주 유용하게 사용할 수 있습니다. 상단에 고정되는 레이어를 제작하기 위해서는 준비물 1개와 HTML, PHP 파일과 CSS파일, 이렇게 두 가지가 필요합니다. 스크롤 상단 고정 레이어 CSS를 시작하기 전에 먼저 준비해야 할 것이 있습니다. 그것은 jquery입니다. 제작 중에 사이트 내에 jquery파일을 업로드 하거나 웹링크로 불러온 .. 2018. 9. 29.
게시판 목록 리스트 글자 크기, 본문 글자 크기 CSS로 조절하기 - 스킨 수정 [게시판 목록 리스트 글자 크기, 본문 글자 크기 CSS로 조절하기 - 스킨 수정] 그누보드 스킨 수정 경로 한동안 한국의 사이트들은 작은 글씨, 오밀조밀한 배치가 유행했었습니다. 지금 보면 눈이 아파서 어떻게 사용했을까 할 정도로 촘촘하고 글자도 작습니다.물론 당시엔 모니터 해상도가 낮아서 지금보다 상대적으로 글자가 컸던 이유도 있습니다.그러나 그런 점을 감안하더라도 현재의 사이트들은 글자 크기가 많이 커졌습니다. 대부분의 게시판 목록과 본문 글자 크기는 CSS를 사용하여 한 번에 조절하고 있습니다.그누보드의 경우에도 마찬가지 입니다. 특정 부분에 CSS를 적용하는 것은 굳이 그누보드가 아니더라도 다 같으니, 스킨에 대해서 알아보도록 합시다. 그누보드에서 기본으로 적용된 스킨은 "그누보드5"를 기준으로.. 2018. 9. 28.
특정 페이지에서만 코딩 내용이 작동하는 if문 [특정 페이지에서만 코딩 내용이 작동하는 if문] 특정 페이지에서만 코딩 내용이 작동하는 if문 다른 페이지에서는 모두 일관되게 작동해야 하지만, 특정 페이지에서만 다르게 작동하도록 해야 할 때가 있습니다. 예를 들자면, 메인페이지에서만 다른 동작을 하게 만든다거나, 특정 페이지마다 각각 특정한 이미지를 불러오게 한다거나, 특정 페이지마다 각각 다른 파일을 인클루드하는 등의 경우입니다. 이럴 때는 그 페이지의 주소URL와 현재 페이지의 파일명을 비교하도록 하면 됩니다. 일단 변수 $에 현재 URL주소를 담은 후 IF문을 통해서 같은지 검사합니다. 그리고 같은 파일명을 사용하는 주소URL이라면 { } 사이에 삽입된 코딩 내용을 실행하도록 하는 것입니다. 아래는 그 예문입니다. 여기서 중요한 것은 $PHP_.. 2018. 9. 27.
애널리틱스 - 웹로그의 접속자 수와 활성화 사용자수 이해 [애널리틱스 - 웹로그의 접속자 수와 활성화 사용자수 이해]사이트나 블로그를 운영한다면 관리를 위해 몇 명이나 방문하는지 알아봐야 할 때가 있습니다. 이런 웹로그 통계를 제공하는 대표적인 무료 서비스인 구글 웹로그 애널리틱스에서 접속자 수와 활성화 사용자 수에 대해 알아봅니다. [글의 순서]웹로그와 애널리틱스방문자 활성화 수의 해석 웹로그와 애널리틱스 '웹로그'란, 사이트나 블로그를 방문하여 접속하는 것을 말합니다. 웹로그가 중요한 이유는 배너 광고나 마케팅에서 방문자가 증가할수록 수익도 증가하는 특성 때문입니다. 이것은 인기 있는 TV 프로그램 앞에 내보내는 광고에서 수익이 증가하는 것과 같습니다. '애널리틱스'란 서비스는 웹로그 기록을 통계적으로 집계하여 관찰할 수 있도록 자료와 그래프를 제공하는 것.. 2018. 4. 10.
애드센스, 아이프레임으로 광고 수익을 내도 될까? - iframe [애드센스, 아이프레임으로 광고 수익을 내도 될까? - iframe]애드센스로 광고 수익을 올리기 위한 여러 가지 방법들이 동원되고 있습니다. 그 중에서 애드센스를 아이프레임으로 광고 수익에 이용해도 되는지에 대해 알아보려고 합니다. 애드센스는 규정이 까다로워서 규정을 잘 모르고 광고를 넣으면 박탈을 당하기 일쑤이니 미리 알아두는 것이 좋겠습니다. [글의 순서]웹사이트에서의 아이프레임 애드센스어플에서의 아이프레임 애드센스 ​웹사이트에서의 아이프레임 애드센스 블로그와 사이트를 여러 개를 가진 경우 사람들은 생각합니다. 하나의 구글 애드센스 코드를 신청한 후 아이프레임을 이용해서 여러 군데에 동시에 넣어도 될지를 말입니다. 결론부터 말하자면 애드센스를 아이프레임으로 붙이는 것은 안 된다고 합니다. 애드센스를.. 2018. 4. 3.
네이버 포스트와 블로그의 차이 - 네이버 포스트쓰기와 사용방법 [네이버 포스트와 블로그의 차이 - 네이버 포스트쓰기와 사용방법] 네이버가 포스트라는 서비스를 시작했습니다. 베타버전 오픈에 들어간 네이버의 포스트라는 서비스는 간편하게 글과 사진을 올리고 태그로 연결되는 마이크로 블로그 서비스입니다. 트위터와 페이스북의 강세 속에서 네이버는 SNS서비스인 미투데이 서비스를 종료한 바가 있습니다. 미투데이 종료 후 다시 선보이는 SNS 미니 블로그인 네이버 포스트 서비스를 살펴보았습니다. 관심을 #태그라는 것으로 연결하는 네이버 포스트의 특징 네이버 포스트는 인맥이 연결되는 관계형 서비스는 아닙니다. 물론 친구추가의 기능을 하는 팔로우 기능기 있기는 하지만 서로 이웃이 아니라 일방적으로 구독을 하는 기능이므로 페이스북 보다는 트위터나 블로그에 가깝습니다. 포스트 글을 올.. 2015. 5. 18.

티스토리툴바