Category Archives: Web

HTTP 접속시 HTTPS로 강제 리다이렉트 (아파치, IIS)

http://blog.tunalabs.io/179208로 접속시 강제로 https://blog.tunalabs.io/179208 로 리다이렉트 하는 방법.     using .htaccess  

1
2
3
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

  using web.config ROOT 디렉토리에 web.config 파일을 생성 후 다음내용을 넣고 저장한다. → IIS Rewirte 모듈이 필요 http://www.iis.net/downloads/microsoft/url-rewrite  

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<configuration>
    <system.webServer>
    <rewrite>
        <rules>
            <rule name="HTTP to HTTPS redirect" stopProcessing="true">
                <match url="(.*)" />
                <conditions>
                <add input="{HTTPS}" pattern="off" ignoreCase="true" />
                </conditions>
                <action type="Redirect" redirectType="Permanent" url="https://{HTTP_HOST}/{R:1}" />
            </rule>  
        </rules>
    </rewrite>
    </system.webServer>
</configuration>

    그럼 HTTP 프로토콜로 접속하면 자동으로 HTTPS 프로토콜로 리다이렉트되면서 모든 데이터가 암호화되어 서버와 통신한다.                 참고   […]

JSON 자동정렬 및 검증을 도와주는 JSON Formatter

  가독성 엉망인 코드를 다음과 같이 질서정렬하게 정리해준다.       JSON Formatter & Validator ㅡ https://jsonformatter.curiousconcept.com/   사용법은 간단하다.   1. 넣고 2. Process 버튼 클릭 3. 결과확인   더 이상의 자세한 설명은 생략한다

페이지 벗어날때 확인창 띄우기

손가락 미끄러져서 쓰던글 날려먹은게 한 두번이 아닌지라  ㅡㅡ; 자동저장기능이 있긴한데.. 더 큰 1이 일어나기전에 대비책을 세우기로 했다. 그래서 Jquery로 글쓰기 페이지를 벗어날때 확인창을 띄워주는것으로 해결.   Jquery 라이브러리 인클루드하고 아래 코드를 적용하면 된다.

JavaScript
1
2
3
4
5
6
7
8
9
10
jQuery(document).ready(function($) {
    var checkload = true;
    $("#submit-btn").click(function () {
        checkload = false;
    });
    $(window).on("beforeunload", function () {
        if (checkload == true) return "레알 나감????????????";
    });
    
});

    9번줄 beforeunload 이벤트가 다른 페이지 로드하기전에 실행된다. AVR의 인터럽드 같은것이랄까… 아무튼.. 이벤트가 발생될때 알림문구를 return 하면 된다.     고오럼 페이지를 빼져나갈때 위와 같은 메시지를 […]

유튜브 동영상 크기 자동 리사이즈, 반응형으로 만들기

  부제: 곶토의 아이폰 구입썰       동영상이 페이지 영역을 벗어난다 [ 이미지 제공 ㅡ 곶토의 실험실 by. 곶토 ]     아이폰에서 유튜브 동영상이 가로 해상도를 초과하는 바람에 페이지가 비정상적으로 표시된 모습이다. meta tag viewport 라는 꼼수를 사용하면 페이지가 틀어지는 문제를 해결 할 수 있으나 이것은 근본적인 해결책이 아니다.       자동 […]

iOS 사파리 브라우저 입력폼 내부 그림자 제거

부제 : 뭐이래 손가는게 많아     iOS 모바일 사파리에서 위 사진과 같이 입력 폼에 그림자가 지저분한데 없애고 싶은데 박스 쉐도우도 블락도 안먹힌다??????       왜 이런건지는 모르겠지만 !             일단 아래 코드를 추가해보자 !

CSS
1
-webkit-appearance: none;

  부트 스트랩 사용중이라면 아래 코드를 사용하면 된다 카더라

CSS
1
2
3
4
.form-control {
    -webkit-appearance: none;
    box-shadow: none !important;
}

        […]

부트스트랩 네비게이션바 드롭다운 자동 펼치기

  메뉴에 마우스 커서만 올려도 드롭다운 메뉴가 자동으로 나오게 하고싶다?   제이쿼리? 짭바라스크립트? 그딴거 필요없다.     1. CSS에 아래 코드를 추가한다.

CSS
1
2
3
4
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

    더 이상의 자세한 설명은 생략한다 !  

오픈소스 YOURLS 을 이용한 단축 URL(짧은주소) 만들기

이미 구글의 Url Shortener, 네이버의 Me2.do 그리고, 우리에게 친숙할지도 모르는 bit.ly 들이 있지만, 굳이 나만의 짧은주소 서비스를 만들거나 부족했던 기능을 추가하고 싶다면, 오픈소스 Yourls 를 이용하여 단축 Url 서비스를 만들 수 있습니다. 그런 고로, 본 포스트에서는 Yourls 소개와 설치부터 간단한 사용방법을 다루고 있습니다. Yourls 설치 및 사용을 위해서는 약간의 웹 지식이 필요하며 웹 호스팅 또는 자체서버를 […]

JS – 더블클릭으로 페이지 상/하 이동소스

오늘의 유머( http://www.todayhumor.co.kr/ ) 사이트를 보면 아무대나 더블클릭으로 페이지 상/하 이동이 가능합니다. 즉, 더블 클릭으로 페이지 맨 끝으로 또는 페이지 맨 위로 편리하게 움직일 수 있습니다. 게시글을 보다가 목록으로 가고 싶을때 요긴 유용한 기능입니다. 매우 오래전부터 따블류 랩에도 적용됬는데 잘 사용하고 계신지 모르겠군요 ㅎㅎㅎ 효과 재현은 따블류 랩 – 아무대나 더블클릭하면 효과를 프리뷰할 수 있습니다. […]

2013 / 09 @ 호스팅 패널 로깅 페이지 작업

  잠시 짬을 내어 테스트 서버에서 수정 작업해봤는데, 이제 좀 볼만한 것 같네요. 부트스트랩 3 사용으로 모바일까지 대응하는 반응형 웹 – 컨트롤 패널, 10월이나 11월 중에 실 서비스에 적용 예정입니다.   PC 버전 베타는 10월 중순이나 말에 적용되며, 모바일 대응 버전은 11월 중에 적용될것 같네요.     Background img by. http://www.google.com/about/datacenters/ ~ 조망간 적절한 배경으로 교체 예정 […]

메타태그 – IE 호환성보기 버튼 제거

IE 브라우저를 보면 아래 사진과 같이 호환성 보기 단추가 있는데, 이 단추는 하위 브라우저에서 제작된 웹 페이지의 호환성을 맞추기 위해 있는 버튼으로 간혹 최신 웹 기술을 적용한 웹 사이트에서는 이 호환성 보기를 활성화할 경우 사이트가 깨져 보일 수 있습니다. 이 경우 클라이언트 PC 에서 호환성보기가 적용되어 있는 경우 임의로 해제할 수 있으나 서버에서 데이터를 보낼 […]