5년전 지금으로부터 개인 홈페이지를 구축할 때 사용한 XpressEngine은 저에게 웹 디자인이라는 재밌는 취미를 안겨주었습니다. 지금까지도 그 많은 취미 중 웹 디자인에 애착을 가지고 있고, 또 실무에 다양하고 유용하게 쓰이고 있는데요. 왜 XpressEngine에서 WordPress로 갈아탔나요? 많은 이유가 있었지만 “WordPress가 블로깅으로 적합하다”로 귀결된다 입니다. 개인차가 있겠지만 XpressEngine은 한국형 게시판에 촛점이 맞춰져 있어 블로그 용도로는 적합하지 않은것으로 생각되기 때문입니다.… Continue reading Migration WordPress from XpressEngine
Category: 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”… Continue reading HTTP 접속시 HTTPS로 강제 리다이렉트 (아파치, IIS)
JSON 자동정렬 및 검증을 도와주는 JSON Formatter
가독성 엉망인 코드를 다음과 같이 질서정렬하게 정리해준다. JSON Formatter & Validator ㅡ https://jsonformatter.curiousconcept.com/ 사용법은 간단하다. 1. 넣고 2. Process 버튼 클릭 3. 결과확인 더 이상의 자세한 설명은 생략한다
페이지 벗어날때 확인창 띄우기
손가락 미끄러져서 쓰던글 날려먹은게 한 두번이 아닌지라 ㅡㅡ; 자동저장기능이 있긴한데.. 더 큰 1이 일어나기전에 대비책을 세우기로 했다. 그래서 Jquery로 글쓰기 페이지를 벗어날때 확인창을 띄워주는것으로 해결. Jquery 라이브러리 인클루드하고 아래 코드를 적용하면 된다. jQuery(document).ready(function($) { var checkload = true; $(“#submit-btn”).click(function () { checkload = false; }); $(window).on(“beforeunload”, function () { if (checkload == true) return “레알 나감????????????”; }); });… Continue reading 페이지 벗어날때 확인창 띄우기
유튜브 동영상 크기 자동 리사이즈, 반응형으로 만들기
부제: 곶토의 아이폰 구입썰 동영상이 페이지 영역을 벗어난다 [ 이미지 제공 ㅡ 곶토의 실험실 by. 곶토 ] 아이폰에서 유튜브 동영상이 가로 해상도를 초과하는 바람에 페이지가 비정상적으로 표시된 모습이다. meta tag viewport 라는 꼼수를 사용하면 페이지가 틀어지는 문제를 해결 할 수 있으나 이것은 근본적인 해결책이 아니다. 자동… Continue reading 유튜브 동영상 크기 자동 리사이즈, 반응형으로 만들기
iOS 사파리 브라우저 입력폼 내부 그림자 제거
부제 : 뭐이래 손가는게 많아 iOS 모바일 사파리에서 위 사진과 같이 입력 폼에 그림자가 지저분한데 없애고 싶은데 박스 쉐도우도 블락도 안먹힌다?????? 왜 이런건지는 모르겠지만 ! 일단 아래 코드를 추가해보자 ! -webkit-appearance: none; 부트 스트랩 사용중이라면 아래 코드를 사용하면 된다 카더라 .form-control { -webkit-appearance: none; box-shadow: none !important; } … Continue reading iOS 사파리 브라우저 입력폼 내부 그림자 제거
부트스트랩 네비게이션바 드롭다운 자동 펼치기
메뉴에 마우스 커서만 올려도 드롭다운 메뉴가 자동으로 나오게 하고싶다? 제이쿼리? 짭바라스크립트? 그딴거 필요없다. 1. CSS에 아래 코드를 추가한다. .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } 더 이상의 자세한 설명은 생략한다 !
오픈소스 YOURLS 을 이용한 단축 URL(짧은주소) 만들기
이미 구글의 Url Shortener, 네이버의 Me2.do 그리고, 우리에게 친숙할지도 모르는 bit.ly 들이 있지만, 굳이 나만의 짧은주소 서비스를 만들거나 부족했던 기능을 추가하고 싶다면, 오픈소스 Yourls 를 이용하여 단축 Url 서비스를 만들 수 있습니다. 그런 고로, 본 포스트에서는 Yourls 소개와 설치부터 간단한 사용방법을 다루고 있습니다. Yourls 설치 및 사용을 위해서는 약간의 웹 지식이 필요하며 웹 호스팅 또는 자체서버를… Continue reading 오픈소스 YOURLS 을 이용한 단축 URL(짧은주소) 만들기
JS – 더블클릭으로 페이지 상/하 이동소스
오늘의 유머( http://www.todayhumor.co.kr/ ) 사이트를 보면 아무대나 더블클릭으로 페이지 상/하 이동이 가능합니다. 즉, 더블 클릭으로 페이지 맨 끝으로 또는 페이지 맨 위로 편리하게 움직일 수 있습니다. 게시글을 보다가 목록으로 가고 싶을때 요긴 유용한 기능입니다. 매우 오래전부터 따블류 랩에도 적용됬는데 잘 사용하고 계신지 모르겠군요 ㅎㅎㅎ 효과 재현은 따블류 랩 – 아무대나 더블클릭하면 효과를 프리뷰할 수 있습니다.… Continue reading JS – 더블클릭으로 페이지 상/하 이동소스
2013 / 09 @ 호스팅 패널 로깅 페이지 작업
잠시 짬을 내어 테스트 서버에서 수정 작업해봤는데, 이제 좀 볼만한 것 같네요. 부트스트랩 3 사용으로 모바일까지 대응하는 반응형 웹 – 컨트롤 패널, 10월이나 11월 중에 실 서비스에 적용 예정입니다. PC 버전 베타는 10월 중순이나 말에 적용되며, 모바일 대응 버전은 11월 중에 적용될것 같네요. Background img by. http://www.google.com/about/datacenters/ ~ 조망간 적절한 배경으로 교체 예정… Continue reading 2013 / 09 @ 호스팅 패널 로깅 페이지 작업