Categories
Web

Migration WordPress from XpressEngine

5년전 지금으로부터 개인 홈페이지를 구축할 때 사용한 XpressEngine은 저에게 웹 디자인이라는 재밌는 취미를 안겨주었습니다. 지금까지도 그 많은 취미 중 웹 디자인에 애착을 가지고 있고, 또 실무에 다양하고 유용하게 쓰이고 있는데요. 왜 XpressEngine에서 WordPress로 갈아탔나요? 많은 이유가 있었지만 “WordPress가 블로깅으로 적합하다”로 귀결된다 입니다. 개인차가 있겠지만 XpressEngine은 한국형 게시판에 촛점이 맞춰져 있어 블로그 용도로는 적합하지 않은것으로 생각되기 때문입니다. […]

Categories
Web

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

http://blog.tunalabs.io/179208로 접속시 강제로 https://blog.tunalabs.io/179208 로 리다이렉트 하는 방법.     using .htaccess   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   <configuration> <system.webServer> <rewrite> <rules> <rule name=”HTTP to HTTPS redirect” stopProcessing=”true”> <match url=”(.*)” /> <conditions> <add input=”{HTTPS}” pattern=”off” […]

Categories
Web

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

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

Categories
Web

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

손가락 미끄러져서 쓰던글 날려먹은게 한 두번이 아닌지라  ㅡㅡ; 자동저장기능이 있긴한데.. 더 큰 1이 일어나기전에 대비책을 세우기로 했다. 그래서 Jquery로 글쓰기 페이지를 벗어날때 확인창을 띄워주는것으로 해결.   Jquery 라이브러리 인클루드하고 아래 코드를 적용하면 된다. jQuery(document).ready(function($) { var checkload = true; $(“#submit-btn”).click(function () { checkload = false; }); $(window).on(“beforeunload”, function () { if (checkload == true) return “레알 나감????????????”; }); }); […]

Categories
Web

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

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

Categories
Web

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

부제 : 뭐이래 손가는게 많아     iOS 모바일 사파리에서 위 사진과 같이 입력 폼에 그림자가 지저분한데 없애고 싶은데 박스 쉐도우도 블락도 안먹힌다??????       왜 이런건지는 모르겠지만 !             일단 아래 코드를 추가해보자 ! -webkit-appearance: none;   부트 스트랩 사용중이라면 아래 코드를 사용하면 된다 카더라 .form-control { -webkit-appearance: none; box-shadow: none !important; }   […]

Categories
Web

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

  메뉴에 마우스 커서만 올려도 드롭다운 메뉴가 자동으로 나오게 하고싶다?   제이쿼리? 짭바라스크립트? 그딴거 필요없다.     1. CSS에 아래 코드를 추가한다. .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }     더 이상의 자세한 설명은 생략한다 !  

Categories
Web

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

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

Categories
Web

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

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

Categories
Web

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

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