본문 바로가기

전체 글751

티스토리(Tistory) 사이드바의 메뉴(최신 포스트, 최신 댓글 등)를 블로그 하단에 보이게 하는 방법 갑자기 사이드바에 있는 메뉴를 티스토리 하단에 위치하고 싶어졌습니다. 어떤 사이트를 가봤더니 그렇게 보이는 게 아주 깔끔해 보이더라구요. 어떻게 하면 될까요? [관리자 > HTML/CSS 편집] 메뉴로 이동해 보겠습니다. 이곳에서 직접 편집하는 게 불편하기 때문에 skin.html에 있는 내용을 Editplus에 옮겨와서 편집을 해보겠습니다. 소스 맨 아랫쪽에 사이드바의 메뉴들을 보여줄 영역을 div 태그로 만듭니다. 이렇게 만들었다면, 가져올 사이드바의 소스를 찾아서 방금 만든 div 태그 안에 넣습니다. 소스를 넣을 때는 복사해서 넣지 말고 잘라내기 해서 넣으세요. 최근에 올라온 글 . 최근에 달린 댓글 . 링크 . 사이드바에서 가져온 소스 저는 [최신 포스트 모듈], [최신 댓글 모듈], [링크 모.. 2015. 5. 15.
네이버 웹마스터 도구에 블로그나 사이트를 등록해서 검색되게 하세요. 네이버 정책이 변경되어서 티스토리 블로그는 '블로그'가 아닌 '웹문서' 검색으로 결과가 나타난다고 하네요. 앞으로는 오직 네이버 블로그만 블로그에 노출을 해주겠다고 하니 좀 씁쓸합니다. 어찌됬든, 네이버 검색에 의존할 수 밖에 없는 현실 속에서 웹문서 검색에라도 노출이 되게 하기 위해서는 '네이버 웹마스터 도구'에 등록을 하셔야 합니다. http://webmastertool.naver.com/ 저는 이미 4개의 사이트가 등록돼 있네요. [사이트 추가] 버튼을 눌러서 사이트를 등록해 주시면 됩니다. 네이버 웹마스터 도구에 등록이 되면, 이렇게 수집현황을 확인할 수 있습니다. 만약, 웹마스터 도구에 등록이 되었는데 며칠이 지나도 네이버에서 검색이 되지 않는다면 [수집요청]에서 URL이나 RSS를 등록해 주시.. 2015. 5. 15.
[자바스크립트] javascript 파일 압축 및 복원하기 (***.min.js 파일 만들기) 요즘엔 자바스크립트 파일을 배포할 때 파일을 압축해서 ***.min.js 형식으로 배포를 합니다.jQuery 파일의 경우,jQuery-2.1.1.js jQuery-2.1.1.min.js 이런식으로 배포를 하는데요.압축된 파일을 열어보면 빈 공간없이 소스가 한줄로 다 붙어 있는 걸 볼 수 있습니다. 이렇게 압축을 하는 이유는, 용량을 조금이라도 줄여서 조금이라도 화면이 뜨는 속도를 빨리하기 위함입니다.그럼, 압축과 복원 방법을 알아보겠습니다. 자바스크립트 파일 압축하기 자바스크립트를 압축해주는 곳은 여러곳이 있지만, 대표적인 곳이 javascriptcompressor입니다.아래 링크로 들어가서 원하는 소스를 넣고 [compress] 버튼을 눌러주시면 변환이 됩니다.http://javascriptcompre.. 2015. 4. 24.
[구글] 크롬(chrome)의 캐시(인터넷 사용정보) 삭제 방법 및 단축키 구글 크롬에서 인터넷 사용정보는 어떻게 삭제할까요?흔히, 인터넷 캐시라고 하죠.단축키를 사용하면 간단합니다. Ctrl + Shift + Delete [인터넷 사용정보 삭제] 버튼을 꾹 눌러주면 끝~!!! 참고로, 메뉴로 찾아가는 방법은 다음과 같습니다. 2015. 4. 24.
TrayColor - RGB 색상을 알려주는 유용한 도구(유틸) 안녕하세요~제가 10년 넘게 사용하는 RGB 색상을 알려주는 TrayColor를 소개하고자 합니다. 사용방법은 너무너무 간단합니다.첨부된 traycolor를 다운로드 받고 실행시킨 후 [Grab Color]를 클릭하셔서 색상이 궁금한 곳을 클릭하시면 됩니다.색상이 궁금하실 때 유용하게 사용하세요^^ 2015. 4. 22.
[Wordpress] 워드프레스 테마를 삭제하는 방법 제가 사용하는 워드프레스에서 [Sparkling] 테마를 사용합니다. 개인적으로 무료 테마중에서 심플하면서도 디자인이 예쁘다고 생각되어 설치해 봤습니다. 그런데, 무엇이 문제인지 'z'라는 글자가 컨텐츠 상단 여백에 보이더군요. 이상하게도 상단 테두리도 잘려 보이구요. 그래서, 이 테마를 삭제하고 다시 설치하려고 관리자페이지로 들어갔습니다. 활성화 되어 있는 상태에서는 삭제가 안되기 때문에 일단 다른 테마를 활성화했습니다. 하지만, 테마 목록에서는 아무리봐도 [삭제] 버튼이 보이지 않구요. 일단, Sparkling [테마 상세]로 들어갔습니다. 그랬더니 [삭제] 버튼이 보이네요 그래서, 삭제하고 다시 Sparkling 테마를 설치해서 잘 해결됐냐구요? 아뇨. 아무래도 개발자가 이 사실을 잘 모르는 모양이.. 2015. 4. 17.
[Wordpress] 워드프레스 영어(또는 다른 언어)로 설치했지만 한국어(한글판)로 설정을 바꾸는 방법 워드프레스를 설치할 때 언어를 설정할 수 있습니다. 하지만, 아무 생각없이 영어로 설치를 해버렸다면 한국어로 어떻게 바꿀 수 있을까요? 워드프레스는 전세계에서 가장 많이 사용하는 CMS 툴이기 때문에 대부분의 언어를 지원하기 때문에 쉽게 언어를 바꿀 수가 있습니다. 하지만, 저도 처음에 어디서 변경는지 몰라서 조금은 헤맸습니다. 보시다시피 Update 메뉴로 가도 한국어로 바꿀 수 있는 기능이 없습니다.아래쪽의 [Setting] 메뉴를 눌러보세요. [Site language]를 변경할 수 있는 Select 박스가 아래쪽에 보이네요.한국어로 선택하고 [Save Changes] 버튼을 눌러줍니다. 한국어로 잘 바꼈습니다.혹시 새로운 기분으로 다시 시작하고 싶다면 [업데이트 > 지금 다시 설치하기]를 눌러서 .. 2015. 4. 17.
화면캡처를 Snagit에서 네이버캡처로 갈아타다. 웬만한 화면캡처는 사실 윈도우에서 기본적으로 제공하는 '캡처도구'를 사용하고 있습니다. 하지만, 스크롤캡처를 해야할 경우에는 이 캡처도구에서는 지원이 되지 않기 때문에 항상 Snagit(유료)을 설치해서 사용하곤 했었는데요. 이게 평가판은 있지만 기본적으로 유료라서 항상 불편함이 있었는데요. 이번에 검색을 하다가 '네이버캡처(무료)'라는 게 있다는 걸 알게 되어 사용해 봤습니다. http://tools.naver.com/service/capture 자세한 설명은 위 링크 클릭해서 확인하시면 됩니다. 무엇보다 무료라서 좋습니다. 위 설명처럼 웬만한 캡처 기능은 다 지원이 되구요. 캡처한 모양을 바로 편집할 수 있도록 네이버 편집기도 지원을 해줍니다. 너무 편리해서 좋긴한데, 이거 공룡 IT 기업들 때문에 .. 2015. 4. 17.
티스토리 블로그 타이틀 및 블로그설명 꾸미기 및 위치 변경하기 오랫만에 블로그에 들어왔는데, 블로그 타이틀이 너무 휑~하다는 느낌을 받았습니다. 그래서, 아주 예쁘진 않지만 위치도 바꿔보고 나름 꾸며보았습니다. 허접하지만 필요한 부분 도움이 되길 바라며 적어봅니다. 먼저, [관리자페이지 > 기본정보]에서 블로그 이름과 설명을 확인하시거나 변경해 주세요. [HTML/CSS]로 이동해서 블로그 설명을 상단 타이틀 밑에 넣어보겠습니다. 이 부분을 body 태그 밑의 header 안에 넣어주시면 됩니다. style.css 에 아래와 같이 맨 아랫 부분에 넣어주세요./* Tistory Title 꾸미기 */ #header {height:120px; padding:10px;} #header h1 {text-align:center; margin-top:40px; font-siz.. 2015. 4. 16.
티스토리 블로그메뉴(홈/태그/미디어로그/위치로그/방명록) 위치 최상단으로 옮기기 안녕하세요. 티스토리를 운영하면서 사실 블로그메뉴(홈/태그/미디어로그/위치로그/방명록)를 별로 사용해 본 적이 없습니다. 그렇다고 삭제하자니 삭제하면 좀 서운할 것 같긴 합니다. 제가 아니더라도 누군가가 사용할지도 모르는 일이니까요. 그래서, 이번에는 이 블로그메뉴를 사이트 최상단에 위치시켜서 공간을 확보해볼까 합니다. 먼저, 관리자페이지로 들어가서 [HTML/CSS편집]으로 들어갑니다. body 태그가 있는 위치로 이동하면 블로그메뉴가 있는 소스를 찾을 수 있는데요. 이 부분을 직접 수정하는 게 아니고 class가 무엇인지 확인하기 위해 찾아본 거구요. CSS에서 이 class에 위치를 넣어주면 됩니다./* Tistory Blog Menu 위치 변경 */ #header .blogMenu {positio.. 2015. 4. 16.
[자바스크립트] javascript로 구현하는 인코딩, 디코딩 함수 - Xor 암호화 자바스크립트로 구현하는 인코딩, 디코딩 함수 - Xor 암호화 소스 변환 중 내용보기 설명 이 암호화의 특징은 Key를 입력한다는 것입니다.key를 2개 입력해서 사용하는데, key를 영어로 하면 영문과 특수문자로.. key를 한글로 하면 한글과 특수문자로 암호화됩니다. 참고하셔서 유용하게 사용하시기 바랍니다. [출처] http://th.atguy.com/mycode/xor_js_encryption/ [출처] http://aseuka.tistory.com/321 실행 [새창] [새창(소스포함)] 2015. 4. 15.
[JSTL] 날짜 format 형식(yyyy.MM.dd)에 맞게 화면에 출력하기 JSP에서 JSTL로 날짜를 출력할 때 yyyy.MM.dd 등 날짜 형식을 지정할 수 있습니다.변수의 데이타 Type에 따라 아래와 같이 사용하시면 됩니다. * 데이타 Type이 Date형일 경우 ( planDate이 Date형 ) * 데이타 Type이 String일 경우 ( planDate이 String형 ) 2015. 4. 14.
[Java/jsp] 날짜 타입 변경 - Calendar를 Date로, Date를 Calendar로 변환하는 방법 자바에서는 Date보다는 Calendar를 쓰기를 권장하고 있습니다.하지만, 아직 DB에서 Date 타입으로 넘어온다거나 이전 버전의 자바로 코딩된 경우 Date 타입이 많이 사용되고 있는데요. 형변환을 통해 Calendar와 Date 타입을 서로 변환해서 사용할 경우가 종종 있는데, 그럴 때 아래와 같이 사용하시면 됩니다. * Calendar를 Date로 변환하는 방법Calendar cal = Calendar.getInstance(); ... Date d = new Date(cal.getTimeInMillis()); // Date(long date) * Date를 Calendar로 변환하는 방법 Date d = new Date(); ... Calendar cal = Calendar.getInstance.. 2015. 4. 14.
[jQuery] 제이쿼리로 중복 클릭 방지를 위한 레이어 팝업 띄우기 레이어를 띄운 후, 뒤에 있는 화면을 클릭하지 못하게 하는 스크립트입니다.소스를 보면 레이어를 띄우고 로 감싼 후, 을 입혀서 클릭할 수 없게 만들고 있습니다. 그리고, 어두운 색상으로 클릭할 수 없다는 느낌을 주었습니다.아래 첨부파일을 다운로드 받아서 테스트 해보세요~ blockLayer.zip 2015. 4. 14.
[Java/jsp] 자바로 구현한 삼성 주차(오늘이 올해의 몇주차인지) 관리하는 Util 삼성에서 관리하는 일정의 주차는 조금 다릅니다.1. 한 주는 월요일~일요일까지이다. 2. 한 주의 기준은 목요일이다. 3. 즉, 목요일을 기준으로 주차를 구하면 된다. 4. 2015년의 첫 목요일은 1월 1일이므로 첫주는 2014년 12월 29일(월) ~ 2015년 1월 4일(일)까지이다. 위 내용으로 삼성에서의 주차를 구하는 Java Util을 만들어 봤습니다. 혹시, 업무에 필요하시다면 참고하세요~ package oboe.pjt.util; import java.util.Calendar; public class DateUtilAdd extends oboe.foundation.util.DateUtil { /** * 두 날짜의 주차수 차이를 반환한다. * * @return int * @throws Exce.. 2015. 4. 14.

티스토리툴바