본문 바로가기

전체 글751

[구글] Google 블로거(blogger)에서 블로그 생성하기 제가 영어블로그를 어디에 만들까 나름 고민을 많이 했습니다. 텀블러, 워드프레스로도 블로그를 만들어 이것저것 테스트해 보았는데 결론은 구글 블로거(blogger)만한 게 없다는 생각이 들더군요. 텀블러는 정말 사용하기 편리한 기능들이 많더군요. 하지만, 웹프로그래머이기에 Html 소스가 어렵지 않은 저에게 구글 블로거처럼 단순 심플하고 구글검색, Gmail, 구글 플러스 등 블로그를 홍보할 도구들이 많은 추가적은 강점이 저에게 많은 어필을 했습니다. 무엇보다 구글 애드센스(Adsence), 구글 방문현황(Analytics)가 클릭 몇번만으로 연동이 된다는 거 정말 큰 매력 아닌가요? 자, 그럼 한번 만들어 보겠습니다. 구글 블로거에서 블로그를 만드는 것은 아주 간단합니다. 그리고, 블로그를 추가적으로 여.. 2014. 12. 13.
[구글] Google 블로거(blogger/blogspot) 삭제하기 영어 블로그를 운영하려고 오래 전에 구글 블로거에 가입을 했었습니다. (참고로, 구글 블로거(blogger)에서 블로그를 만들면 블로그 주소는 블로그스팟(blogspot.com)으로 연결이 됩니다.) 하지만, 기존 블로그는 앞으로도 사용할 일이 없을 것 같고 다시 새로운 영어블로그를 하나 만들어볼까 생각하고 있답니다. 그래서, 기존 블로그를 먼저 삭제를 해 보았습니다. http://blogger.com 위 링크를 클릭해도 되고 아래 그림처럼 구글에 로그인한 후, 앱에서 Blogger를 클릭해서 들어가도 됩니다. 한글로 보고 싶으시면 아래처럼 언어를 [한국어]로 선택하시면 됩니다. 저는 나름 영어사이트를 운영하기 때문에 영어로 그냥 보겠습니다. 이미 생성된 블로그가 보일텐데요. 그 우측상단의 DropDow.. 2014. 12. 13.
검색엔진 Bing에 내 블로그(또는 내 사이트) 등록하고 방문자 늘리기 Bing은 Microsoft에서 만든 검색엔진인데, 후발주자치고는 현재 15%가 넘는 사용률을 보이고 있어서 결코 무시할 수 없는 영향력을 갖게 되었네요. 윈도우를 설치하면 익스플로러에서 자동으로 Bing을 기본검색엔진으로 사용하기 때문에 우리나라에서도 생각보다 많은 분들이 알게 모르게 Bing을 사용하고 있을거라 생각됩니다.요즘엔 Daum 검색과 협력하여 Daum 검색결과를 보여준다고도 하더군요. 어쨌든, 검색엔진 Bing에 내 블로그나 내 사이트를 등록해 보도록 하겠습니다. http://www.bing.com/toolbox/webmaster/이 링크를 클릭해서 들어갑니다. 계정이 없다면 가입을 하신 후 로그인을 하시면 바로 블로그를 등록할 수 있습니다. URL을 등록하고 [제출]하시고 웹마스터 도구까.. 2014. 12. 11.
구글에 내 블로그 등록하여 RSS 추가하고 방문자 늘리기 요즘은 구글을 예전보다 더 많이 사용하는 것 같습니다. 저 같은 경우에도 크롬 브라우저를 쓰면서 구글을 더 사용하게 되는 것 같은데요. 구글로부터 오는 유입을 하나라도 늘리려면 내 블로그를 구글에 등록하는 제 좋습니다. 우리나라에서는 네이버가 압도적으로 검색유입이 많지만, 그 다음으로 많은 곳은 Daum이 아닌 구글인 걸 확인하실 수 있습니다. 그렇다면, 구글에 내 블로그를 등록해 보겠습니다. 아래 주소를 클릭해 주세요. http://blogsearch.google.co.kr/ping 블로그 주소를 입력하고 [블로그 전송]을 클릭하시면 됩니다. 간단하게 구글에 블로그가 등록되었는데, 잘 등록되었는지 구글 검색창에 블로그 주소로 검색을 해보세요. 2014. 12. 9.
[구글] Google 크롬(chrome)에서 익스플로러를 사용하게 해주는 IE Tab 확장프로그램 사용하기 저는 속도가 빠른 구글 크롬을 사용합니다. 익스플로러는 결제가 필요하거나 은행거래를 할 때 어쩔 수 없이 사용을 하고 있죠. 크롬이 ActiveX를 지원하지 않기 때문에 어쩔 수가 없지요 ㅠ 하지만, 크롬에 IE Tab이라는 확장프로그램을 설치하면 익스플로러를 따로 띄우지 않고 크롬에서 익스플로러를 실행할수가 있더군요. 이런 편리한 프로그램들 때문에 구글 크롬을 안 좋아할수가 없네요~^^ 그럼, 한번 설치해 볼까요? [Chrome 맞춤설정 및 제어] 아이콘을 클릭하셔서 [도구 더보기 > 확장 프로그램]으로 이동합니다. 'IE Tab'이라고 검색어를 입력하고 검색해 보세요. 저는 'IE Tab Multi'라고 입력해 봤는데 아직 이건 목록에 뜨질 않네요. 설치가 완료되면 크롬 우측 상단에 IE 아이콘이 보.. 2014. 12. 8.
윈도우7,8에서 설치없이 간편하게 화면캡쳐하는 캡쳐도구 사용하기 윈도우7부터 화면캡처하는 [캡처도구]가 기본적으로 설치가 되고 있습니다. (현재는 윈도우7과 윈도우8에서 사용할 수 있겠죠?) 그래서, 저는 아직 기능이 많이 부족하긴해도 캡처도구를 자주 사용하고 있는데요. (윈도우 다음 버전에서는 좀더 업그레이드 된 기능을 기대하고 있습니다.) 이렇게 윈도우 버튼을 클릭하시면 [캡처도구] 메뉴가 보입니다. 혹시 이곳에 메뉴가 보이지 않는다면.. [모든 프로그램 > 보조 프로그램]에 보시면 캡처도구가 보일 겁니다. 캡처도구가 실행되면 마우스로 원하는 영역을 선택하고 저장하면 됩니다. 기본적으로 [사각형 캡처]로 돼 있어서 마우스로 드래그를 하면 사각형으로 캡처가 되는데 [자유형 캡처]를 실행하면 아래 그림처럼 원하는 모양으로 캡처를 하실 수 있습니다. 창 캡처, 전체화면.. 2014. 12. 8.
다국어(영어, 중국어, 일본어 등등)든 한글이든 글자 깨지지 않으려면 Html/Css/Js 파일 무조건 utf-8로 저장하세요. Html/Css/Js 파일 무조건 utf-8로 저장하세요. 그래야 한국어든, 중국어든, 일본어든 글자가 깨지지 않습니다. 파일을 저장할 때 인코딩을 UTF-8로 선택해서 저장하세요. Html에서 charset="utf-8"로 저장하세요. 예전에는 한글일 경우 charset="euc-kr"로 했었는데 이렇게 하면 한글과 영어를 제외한 다른 언어는 글자가 깨지는 현상이 발생을 합니다. 머리 아프게 여러가지 경우의 수를 따질 필요없이 파일 인코딩도 utf-8, charset도 utf-8로 하시면 모든 언어가 깨지지 않고 잘 표현됩니다. 꼭 기억하세요~ 실행하면 이렇게 잘 나옵니다. 소스 English 한국어 中文 わご English 한국어 中文 わご 실행 [새창] [새창(소스포함)] 2014. 12. 7.
티에디션 홈화면(첫화면)을 만들어 주는 티에디션 사용법 오늘 처음으로 티에디션을 사용해서 티스트리 첫화면을 꾸며 봤습니다.사용해보니 티에디션 정말 편리하게 잘 만들어 놨네요^^ [관리자페이지 > 꾸미기 > 화면설정 > 티에디션]으로 이동해서 [사용하기] 버튼을 클릭합니다.그럼, 한번 만들어 볼까요? 처음 티에디션을 써 보신다면 어떻게 구성을 해야할지 막막하시죠? 그래서, 티에디션에는 친절하게도 [추천세트]를 제공해 주고 있답니다. 여러가지 형태 중에서 원하시는걸로 꾹~!!! 하나 눌러보세요. 추천세트를 이용한다고 하더라도 내 입맛에 맞게 수정하고 추가할 수 있으니 염려 안 하셔도 됩니다^^ 자, 추천세트를 이용해서 화면의 레이아웃이 구성이 되었다면, 이번엔 문단 하나에 대해서 설정을 바꿔볼까요? 먼저, 맨 윗 문단을 마우스로 클릭하시고 [아이템]을 선택해 보.. 2014. 12. 7.
[jQuery] .clone()으로 Dom 요소 복사하기 $(document).ready(function() {$( "b" ).clone().prependTo( "p" );}); $(document).ready(function(){...}); => 화면이 모두 로드되고 이미지를 불러오기 전에 실행하라는 뜻입니다. $( "b" ).clone() 은 b 태그 요소를 복사하라는 뜻입니다. prependTo( "p" ) 는 p 태그 요소 앞에 추가하라는 뜻입니다. 안녕! 좋은하루 되세요. 이렇게 구현돼 있던 게 $( "b" ).clone().prependTo( "p" ); 이 명령이 실행됨으로 아래처럼 구현이 됩니다.안녕!안녕! 좋은하루 되세요. 2014. 12. 6.
[자바스크립트] javascript 내부함수를 탈출시키는 방법2 (더 좋은 방법) 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 표현해보는 아주 간단한 예제 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 탈출시키는 방법1 위의 예제들을 먼저 확인하시고 이 예제를 보시기 바랍니다. 크롬에서 실행한 모습입니다. function outerFun() {function innerFun() {alert("웃어요~^^")} return innerFun;} var globVar = outerFun(); 이번에는 outerFun() 함수에서 innerFun()을 return을 합니다. 즉, outerFun()을 실행하면 innerFun() 함수를 실행한 결과를 보여주게 되는거죠. var globVar = outerFun(); 그리.. 2014. 12. 5.
[자바스크립트] javascript 내부함수를 탈출시키는 방법1 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 표현해보는 아주 간단한 예제 위 글을 먼저 확인하시기 바랍니다. 크롬에서 실행한 모습입니다. var globVar; function outerFun() { function innerFun() { alert("웃어요~^^"); } globVar = innerFun; } 이렇게 전역변수로 globVar 라는 변수를 선언하고, outerFun() 함수 내부에서 globVar = innerFun; 으로 globVar 에 innerFun 함수를 그대로 담습니다. 행복해지려면 클릭하세요 이렇게 outerFun(); globVar(); 함수를 연달아 실행하면 내부함수인 innerFun() 함수를 간접적으로 실행할 수 있습니다. 그렇다면.. 2014. 12. 5.
[자바스크립트] javascript 내부함수를 표현해보는 아주 간단한 예제 function outerFun() {function innerFun() {alert("웃어요~^^")} innerFun();} innerFun()은 outerFun() 영역 안에 포함돼 있는 내부함수입니다. 이것은 innerFun()을 호출할 수 있는 영역이 바로 outerFun() 함수 내에서라는 뜻이며, 그 밖에서는 호출할 수 없다는 것을 의미하죠. 그래서, 위 예제처럼 outerFun() 영역 안에서 innerFun()을 호출했다면 제대로 동작합니다. function outerFun() {function innerFun() {alert("웃어요~^^")}} innerFun(); 위에서는 innerFun()이 outer() 밖에서 호출됬으므로 제대로 동작하지 않습니다. 이런식으로 함수 안에 함수를 .. 2014. 12. 5.
티스토리에서 이미지가 너무 커서 화면을 벗어날 때 이미지 사이즈 줄이는 방법 티스토리에 글을 올릴 때 이미지를 많이 올립니다. 저의 경우에는 화면캡쳐를 많이 하게 되는데 종종 이 화면캡쳐한 이미지가 너비가 너무 커서 화면을 벗어나곤 합니다. 이렇게 화면을 벗어나는 경우에는 글쓰기 화면에서 [HTML에 체크]를 하시고 이미지의 width를 티스토리 글보기 화면 너비에 맞게 적당히 줄여주시면 됩니다. 제 블로그에서는 사이드바를 제외한 글보기 화면의 너비가 760px이라서 이미지의 width='680"으로 했습니다. 그리고, 이미지의 height는 반드시 지워야 합니다. 자, 이렇게 width를 줄여주고 height를 삭제하면, 이미지가 화면에 맞게 잘 나오게 됩니다^^ 티스토리에서는 HTML만 살짝 손보면 내 생각대로 많은 부분들을 구현할수가 있답니다. HTML도 틈틈이 공부해 보세.. 2014. 12. 5.
티스토리 카테고리 클릭시 목록의 일부 밖에 볼 수 없는 이유 (관리자페이지 화면설정에서 목록만 보도록 설정하세요) 그동안 제 블로그에서 카테고리를 선택하면 글을 30개까지만 볼 수 있었습니다. 어떤 카테고리는 글이 50개가 넘는데 30개까지만 보여서 나머지 20개의 글은 볼 수가 없더라구요. 다른 분들 티스토리 블로그에 가면 목록 아래에 페이지 번호가 있어서 나머지 글들도 다 확인할 수가 있는데 저는 그게 안되더라구요. 그런데, 드뎌;; 그 이유를 알았네요. 알게되니 정말 속이 다 시원하네요~^^ [관리자페이지 > 화면설정 > 화면출력 > 목록만]을 선택하고 저장하시면 됩니다. 아~ 그동안 왜 이걸 몰랐을까요? ㅋㅋㅋㅋ 목록 아래에 페이지번호도 이렇게 잘 나오는데 말이죠. 2014. 12. 5.
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 3 2014/12/05 - [프로그래밍 언어/jQuery] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1 2014/12/05 - [분류 전체보기] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 2 먼저, 위 예제들을 확인하세요. $("#search").submit(function(){ if($("#searchText").val() == searchLabel) { $("#searchText").val(""); } }); inputbox에 아무것도 입력하지 않고 submit 버튼을 눌렀을 때, '사이트 검색'이라는 단어가 넘어가지 않도록 구현을 하는 소스입니다. 아무것도 입력하지 않았을 때 '사이트 검색'이라는 단어를 inpu.. 2014. 12. 5.

티스토리툴바