다음 구문을 자신의 사이트 주소에 맞도록 적절히 수정해서 .htaccess로 저장한 뒤, 웹 디렉토리의 루트에 위치시키도록 합니다. 주소가 있는 부분은 이미지 링크를 허용할 사이트 주소를 모두 쓰면 되고, 마지막줄의 파일 경로는 대체 이미지의 경로를 입력하면 됩니다. 즉, 외부 링크로 이미지를 불펌할 경우 요청한 이미지 대신 대체 이미지가 표시됩니다. RewriteEngine On RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?(www를 제외한 사이트 주소) [NC] RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?naver.com [NC] RewriteCond %{H..
HTTP Cache 튜토리얼 HTTP를 이용하는 어플리케이션을 개발하다보면 효율적인 네트워크 송수신을위해 서버/클라이언트에서 캐쉬(cache)를 이용하는것이 필수적이다. HTTP를 이용할때 어떤식의 캐쉬방식이 있는지, 어떤 종류의 캐쉬들이 있는지, 어플리케이션 개발에있어서 상식적으로 알고있어야 할 내용들을 정리해보았다. 캐쉬의 종류 캐쉬의 위치에 따라 다음과 같이 분류가 가능하다.1 Browser cache 웹브라우져 혹은 HTTP요청을 하는 클라이언트 어플리케이션들이 내부적으로 갖고있는 캐시이다. Proxy cache 실제 서버가 있는곳이 아닌 네트워크 관리자에의해 네트워크상에 설치되는하는 캐시다. 일반적으로 큰회사나 ISP의 방화벽(firewall)에 설치된다. shared cache의 일종으로 많은..
2.2 meta 요소 meta 요소는 웹 페이지에 대한 설명(description)이나 키워드(keyword), “UTF-8”이나 문자셋(charset) 등을 블록 내에 설정하는데 사용하는 요소로 다음과 같은 속성들과 함께 사용합니다. 속성 기능 name metadata의 이름을 나타내는 속성. “application-name”, “author”, “description”, “generator”, “keywords”를 속성값으로 사용 가능 http-equiv 문자 인코딩을 설정하거나 몇 초 후 페이지를 다시 로드할 것인지 아니면 해당 페이지에 사용될 스타일시트를 명시하는데 사용 content name, http-equiv 속성과 연관된 Text 형태의 데이터 charset HTML 문서에 대한 문자셋을 ..
HTML5에서 meta 요소(Element)들은 IE, Firefox 같은 웹 브라우저에게 HTML5로 작성된 웹 문서와 관련된 정보를 제공하는데 사용됩니다. 이러한 metadata 요소들은 title, meta, link, style, script 등이 있으며 metadata 요소(들)의 컨테이너 역할을 하는 head 요소 블록 내에 다음과 같이 나타날 수 있습니다. 해당 요소들을 표로 정리하여 간략히 나타내면 다음과 같습니다. 메타 요소 기능 title 웹페이지의 제목을 설정하는데 사용 HTML5 학습 사이트 base 웹페이지와 연관된 기본적인 URL 경로나 목적지(target) 경로 명시하는데 사용 meta 웹페이지의 인코딩 정보, 문서에 대한 저자, 설명, 몇 초 후 다시 읽기(refresh) 등..
HTML5에서 요소(Element)들은 집으로 생각하면 집, 집을 구성하는 벽, 기둥, 식탁, 의자, TV, 컴퓨터와 같이 하나의 독립적으로 존재하는 객체(object)라고 할 수 있습니다. 하지만 지금 설명하는 속성(Attribute)은 요소(Element)처럼 독립적으로 움직이는 형태가 아닌 요소(Element)와 함께 사용되는 것으로 요소(Element)에 종속적입니다. 예를 들어 컴퓨터(Element)를 생각해보면 컴퓨터를 분류할 때 노트북 형태, 데스크탑 형태, 검은색 노트북, 흰색 노트북, … 등 컴퓨터의 형태, 색상 등과 같이 컴퓨터라는 요소(Element)를 구분하는데 도움을 주는 역할을 하는 것이 바로 속성(Attribute)입니다. 속성은 시작 태그 내에 다음과 같은 형식으로 하나 이상..
1.3.1 HTML5의 요소(Element) 작성 방법 HTML5에서 요소(Element)는 일반적으로 다음과 같은 형식으로 HTML5 문서에 나타냅니다. 내용(텍스트, ...) 위에서 보는 것처럼 앞의 을 시작 태그(start tag), 맨 뒤의 을 마침 태그(end tag)라고 하며 웹 브라우저에 의해서 요소이름을 확인하고 해당 요소에 대한 적용은 내용(텍스트, …) 부분에 적용되게 됩니다. 예를 들어 문장의 절이나 단락을 나타내는데 사용되는 p 요소를 이용하여 “혼자 여행가도 안전한 나라” 라는 텍스트를 웹 브라우저를 통해 나타내려면 다음과 같이 하면 됩니다. 혼자 여행가도 안전한 나라 그러면 웹 브라우저에서는 내부적으로 시작 태그인 와 마침 태그인 를 제거하고 웹 브라우저에 다음과 같이 나타냅니다..
rsync 에는 ssh 를 이용하여 원격서버에 접속하여 동기화를 하는 기능이 있습니다. 대략의 내용은 아래와 같습니다. rsync -azrtv --delete --stats -e "ssh -i /root/.ssh/개인키" 원본서버계정@원본서버주소:원본경로/ /백업경로/ 일단 접속하기 위한 원격주소의 계정 정보가 필요합니다. 즉 ssh 로 원격서버로 로그인을 하는것입니다. 하지만 crontab을 이용하여 자동으로 스케쥴링을 하려면은 암호를 입력하는 단계가 걸림돌이죠 바로 자동로그인을 해야된다는 의미입니다. 그러기위해서는 ssh 키를 이용하는데 먼저 키를 생성합니다. 주의 할점은 개인키를 가진쪽이 공개키를 가진쪽으로 접속한다는 것입니다. 즉... 접속대상서버가 아니라 접속을 시도하는 백업서버에서 키를 만든다..