기억을 기록하는 블로그

특정 디렉토리에 접근을 제한하기 위한 방법으로 아파치 인증을 설정할 수 있습니다. Basic, Digest 이 두가지의 방식을 소개합니다. 기본설명 아래의 사진과 같이 특정 디렉토리/URL에 접근을 제어할 수 있도록 해주기 위한 방법을 소개하겠습니다. Basic 말그대로 기본적인 방법으로 인증을 요구하는 방식입니다. 간단한 방법/방식(Base64) 때문에 보안수준은 낮은편이나 간단하다는 장점이 있습니다. .htaccess 를 기준으로 예시를 작성하겠습니다. AuthType Basic # 인증방식 AuthName Guest # 영역(realm)을 지정합니다. 한 번 인증된 영역은 다시 묻지 않습니다. AuthUserFile /usr/apache/passwd/.htpasswd # 인증 ID/PW정보가 담긴 ..

블로그를 시작하면서 이미지를 호스팅하는 방법에 대해 고민했는데요. 이것저것 시도해본 결과 무난히 사용가능 했던 구글 드라이브를 소개합니다. 설명 블로그를 시작하면서 보다 효과적으로 컨텐츠정보를 전달하기 위해서는 이미지가 필요했습니다. 하지만 이미지를 파일째로 소스코드에 올리는 것은 페이지 로딩에도 좋지 못할 뿐더러 불필요한 용량을 차지하게 되죠. 보통의 개발환경이라면 NFS서버나 이미지 서버를 따로 두어 관리하는데요, 블로그 하나 하자고 서버를 설치하는 것은 배보다 배꼽이 크겠죠?! 그래서 다들 어떻게 하고있나 찾아본 결과 이런 저런 방법이 있었지만, 클라우드를 이용하는 방법이 간편해 보여서 이용하게 되었습니다. 요즘에는 모두 dropbox나 google drive같은 클라우드 스토리지 하나씩은 가지고 ..

소개 img 태그는 src라는 attribute에 이미지의 주소를 입력함으로써 사진을 보여줄 수 있는 태그입니다. src에 입력한 주소가 유효하지 않을 경우, 엑스박스 흔히 엑박이라고 불리우는 것이 뜨게 됩니다. 이는 미관상 좋지 않기에 적절한 이미지로(아래 이미지와 같은) 대체 해주면 보다 친절한 사이트가 될 수 있겠지요. onError기능을 이용해서 대체 이미지를 띄우는 방법을 html, js로 나눠서 소개하겠습니다. 코드예시 - html - js var img_elm = document.getElementById("태그_아이디"); img_elm.onerror = function() { this.scr = "대체_이미지_주소"; }