TunaLabs에서는 최근에 제로보드 XE에서 워드프레스로 이전 후 기존 유저들이 사용 중인 XE 링크 체계가 워드프레스와 호환되지 않는 문제가 있는데요. 이번에는 TunaLabs에서 워드프레스로 이전 후 맞딱드린 URL 관련 문제와 그에 대한 해결책을 소개합니다. 문제 이전 작업 후 워드프레스 설정으로 https://blog.tunalabs.io/7777 와 같은 링크는 정확한 포스트로 리다이렉트 되므로 문제가 없지만, 다음 링크들은 엉뚱한 페이지로 연결되기 […]
Category Archives: Web
XE에서 워드프레스로 이전하기 feat. 삽질
5년전 지금으로부터 개인 홈페이지를 구축할 때 사용한 XpressEngine은 저에게 웹 디자인이라는 재밌는 취미를 안겨주었습니다. 지금까지도 그 많은 취미 중 웹 디자인에 애착을 가지고 있고, 또 실무에 다양하고 유용하게 쓰이고 있는데요. XE에서 워드프레스로 갈아타게된 계기 1. SEO 최적화 이슈 물론 SEO 최적화보다 더 중요한것은 양질의 포스트겠지만 XE 특유의 URL 구조가 SEO 최적화를 해치고 SEO 최적화를 위한 기능들이 […]
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
|
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 라이브러리 인클루드하고 아래 코드를 적용하면 된다.
|
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 모바일 사파리에서 위 사진과 같이 입력 폼에 그림자가 지저분한데 없애고 싶은데 박스 쉐도우도 블락도 안먹힌다?????? 왜 이런건지는 모르겠지만 ! 일단 아래 코드를 추가해보자 !
|
1 |
-webkit-appearance: none; |
부트 스트랩 사용중이라면 아래 코드를 사용하면 된다 카더라
|
1 2 3 4 |
.form-control { -webkit-appearance: none; box-shadow: none !important; } |
[…]
부트스트랩 네비게이션바 드롭다운 자동 펼치기
메뉴에 마우스 커서만 올려도 드롭다운 메뉴가 자동으로 나오게 하고싶다? 제이쿼리? 짭바라스크립트? 그딴거 필요없다. 1. 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/ ) 사이트를 보면 아무대나 더블클릭으로 페이지 상/하 이동이 가능합니다. 즉, 더블 클릭으로 페이지 맨 끝으로 또는 페이지 맨 위로 편리하게 움직일 수 있습니다. 게시글을 보다가 목록으로 가고 싶을때 요긴 유용한 기능입니다. 매우 오래전부터 따블류 랩에도 적용됬는데 잘 사용하고 계신지 모르겠군요 ㅎㅎㅎ 효과 재현은 따블류 랩 – 아무대나 더블클릭하면 효과를 프리뷰할 수 있습니다. […]