[iPhone Dev] Stackoverflow를 달궜던 Xcode tips&tricks 들 그리고. 제가 정리해서 쓰는 것들

Jan 22

alonesiphone , , , , , , , , , , , , , No Comments

Option + Command +Up Arrow를 통한 헤더/소스 파일 전환 등 즐겨 쓰는 것들이 높은 vote를 받았네요..

What are those little Xcode tips & tricks you wish you knew about 2 years ago?

그리고 제가 전에 정리했던 (가능한 다 쓰려고 노력중이고 이젠 손이 기억하고 있는 ㅋㅋ) 것도 아래 붙여 봅니다

Xcode shortcut
이동
Alt+Shift+’->’ key or ‘<-’ key : 에디터한 위치를 앞/뒤로 이동
Alt+Shift+’Up key’ : Hedaer/Source 파일 이동
Cmd+Double Click: Definition으로 이동
Alt+Double Click: 해당 Document로 이동
Shitf+Cmd+D : File Open Quickly 띄우기
Shift+Cmd+C : Class Browser 띄우기
찾기
Ctrl+Cmd+F : Project Find 띄우기
편집
F5 : 자동 완성 목록 띄우기. Typing 중 누르면 현재 typing한 것으로 시작하는 목록이 뜬다.
Ctrl+/ : 자동 완성 중 다음 항목으로 이동
Shift + / : 자동 완성 중 이전 항목으로 이동
Ctrl + Del : 현재 커서 앞 모두 지우기
Cmd + ‘->’ key or ‘<-’ key : 줄의 맨 앞/뒤로 이동
Alt + ‘->’ key or ‘<-’ key : 단어 단위로 앞/뒤 이동
Alt + I : intend 맞추기
Fn + Up / Down key : 페이지 이동
Cmd + Up/Down key: 페이지의 맨 위/아래로 이동
북마크 (Bookmark]
그리고 Cmd+D로 북마크 한 목록을 아래 그림과 같이 Ctrl+4로 보고 찾아가는 것도 유용할 것이다. 가끔 Spaces의 화면 이동을 Ctrl + 숫자로 지정하는 경우가 있는데 이 경우 Ctrl+4가 먹히지 않는다.
Break Point & 디버깅
Break Point 관련 자주 쓰는 것은 목록을 보는 Ctrl+5과 Break Point를 추가/삭제하는  Ctrl+\ 그리고 Break Point를 실행 시에 enable/disable 시키는 Ctrl + Cmd + \ 도 유용할 것이다.
디버깅 시에는 아래 단축키를 사용할 것이다.
Shift+Cmd+O : 다음 실행
Shift+Cmd+I : method 내부로 이동
Alt+Cmd+P : 시행 계속

[Blog Tips] 블로그 포스트에 Rating 위젯을 달아보자

Nov 08

alonesweb2.0 , , , , , , , , 12 Comments

outbrain에서 심플하고 멋진 Blog Rating 위젯을 만들었다.

outbrain

이 블로그의 포스트 하단에 있는 위젯처럼 포스트에 아래 그림과 같이 평점을 줄 수 있다.

outbrain blog ratings

Blogger나 TypePad, WordPress를 사용하는 경우는 단 한번의 클릭으로 바로 설치할 수 있다.

그외 웹 사이트에서는 자바 스크립트를 복사해서 사용할 수 있다.

설치는 이 페이지에서 할 수 있다.

TextCube 계열에 설치하기

웹 페이지나 블로그 스킨에 outbrain에서 제공되는 자바 스크립트를 복사하면 되지만 문제는 각 포스트의 주소를 입력해주어야 한다.

TextCube 계열은 (일반적인 설치 블로그에서 다 제공되겠지만) 현재 포스트 주소를 치환자로 제공한다.

바로 이다.

하지만 위 치환자는 블로그 상위 주소를 포함하지 않기 때문에 아래와 같이 표기해야 각 포스트의 절대 주소를 얻을 수 있다.

<블로그 상위 주소>

※ 이 블로그는 http://alones.kr 이 블로그 상위 주소이기 때문에 다음과 같다. 블로그 상위 주소 뒤에 ‘/’ 을 쓸 필요는 없다.
http://alones.kr

즉 아래와 같이 제공되는 자바스크립트에서 DROP_PERMALINK_HERE을 위와 같은 포스트 절대 주소로 변경해주면 된다.

<SCRIPT LANGUAGE=’JavaScript’>
var OutbrainPermaLink=’DROP_PERMALINK_HERE‘;
var OB_demoMode = false;
if ( typeof(OB_Script)!=’undefined’ )
    OutbrainStart();
else
{
var OB_Script = true;
var str = “<script src=’http://widgets.outbrain.com/OutbrainRater.js’ type=’text/javascript’></”+”script>”;
document.write(str);
}
</SCRIPT>

아래는 이 블로그의 스킨에 적용한 예이다.

<script language=”JavaScript”>
var OutbrainPermaLink=’http://alones.kr‘;
var OB_demoMode = false;
if ( typeof(OB_Script)!=’undefined’ )
    OutbrainStart();
else
{
var OB_Script = true;
var str = “<script src=’http://widgets.outbrain.com/OutbrainRater.js’ type=’text/javascript’></”+”script>”;
document.write(str);
}
</script>

조금 아쉬운 점이 있다면 평가된 글들의 목록을 한 번에 볼 수 없는 것이다.

평가가 높은 글 순이나 낮은 순 또는 투표자가 많은 순으로 글 목록을 정렬해서 본다면 좋을 것인데 …

웹 기반의 멋진 마인드맵 (mindmap) – Mind42 를 써보자

Nov 04

alonesweb2.0 , , , , , , 20 Comments

FreeMind라는 오픈 소스의 좋은 마인드맵 프로그램이 있다. 다양한 편집 기능과 여러 형태로 마인드맵을 export할 수 있는 좋은 도구이다.

하지만 안타깝게도 오프라인 도구다. 수 많은 RSS 구독 프로그램들이 있지만 구글 RSS 리더를 사용하는 이유도 온라인 서비스이기 때문일 것이다.

집에서 회사에서 커피숍에서의 작업들이 동기화 될 수 있는 쉬운 방법이 웹 기반의 서비스이기 때문에 많은 프로그램들이 웹 기반으로 옮겨갔고 가고 있다. 그 선두에는 구글이 있을 것이고…

그래서 웹 기반의 마인드맵 서비스를 몇 가지 찾았고 그 중 가장 괜찮다고 생각되는 Mind42를 소개한다.

현재 베타 서비스 중이고 이 곳에서 간단히 회원 가입 후 사용할 수 있다.

직관적 인터페이스와 뛰어난 성능

아래 그림과 같이 직관적이고 깔끔한 인터페이스를 제공한다. 대부분의 기능은 노드를 클릭하면 아래에 나타나는 툴바에서 사용할 수 있어 별도의 설명 문서가 필요 없다.

마인드맵의 노드에 대해서 색깔, 아이콘을 붙일 수 있고 확대와 마인드맵의 이동 또한 가능한다.

그리고 로컬 프로그램을 사용하는 것 처럼 성능도 뛰어나다.

mind42 interface overview 


노드에 노트, 위키피디아, Todo-List, URL을 붙일 수 있다.

아래 그림과 같이 각 노드에 Todo-List를 붙일 수 있고 각 Todo는 시간과 우선순위 진척도, 설명을 표기할 수 있다.

왼편 그림과 같이 각 노드에 대해서 메모를 붙일 수 있다.

노드에 URL을 연결 시킬 수 있고 마인드 맵에서는 아래와 같이 멋지게 나타난다.

URL이 있는 노드는 그림과 같이 노드 오른편에 초록색의 동그란 아이콘이 나타난다.

아래 그림은 나의 web2.0관련 사이트들을 마인드맵으로 작성해본 것이다.

이만하면 쓸만하지 않는가?

막강한 Export 기능

아래 그림과 같이 작성된 mindmap의 링크를 제공해줄 뿐만 아니라 마인드맵을 자신이 원하는 사이트에 게재할 수도 있다. 제일 아래 ifram for inclusion을 이용하면 된다.

실제 나의 “My sites” 마인드맵을 아래에 export해보았다.

아래 링크를 클릭하면 “My sites” 마인드맵에 직접 연결된다.
My sites

[Blog Tips] 블로그 포스트 작성 시 오프라인 편집기를 이용해보자.

Sep 30

alonesweb2.0 , , , , , , , , , , 10 Comments

국내외의 블로그 서비스나 설치형 블로그들은 각각의 편집기를 제공하고 있지만 다음과 같은 불편함이 있다.

- 온라인 상에서만 작성을 할 수 있음
- 웹 기반이라 일반 편집도구 (e.g. 워드) 보다 기능이 떨어 짐

특히, 노트북을 들고 이동중이나 오프라인 상태에서 포스트를 작성하기 위해서는 워드에서 작성하고 나중에 Copy&Paste 를 할 것이다.
하지만 워드 등에서 작성한 포스트를 Copy&Paste하게 되면 폰트나 서식 문제 그리고 불필요한 code가 (보이지 않지만) 첨가된다.

즉, 블로그 포스트 작성 전용 편집도구가 필요하다.
이에 대해서 DailyBlogTips에서 좋은 편집기들을 소개하고 있다.

Windows Live Writer (free)

MS에서 만든 것으로 아주 좋은 기능을 가지고 있다. (나 또한 Windows Live Writer를 사용하고 있다) 막강한 기능들을 살펴보면 아래와 같다.

  • 블로그 서비스와 호환

    Writer
    를 사용하여 Windows Live Spaces, Sharepoint, WordPress, Blogger,
    LiveJournal, TypePad, Moveable Type, Community Server 및 기타 다양한 웹 블로그
    서비스에 콘텐츠를 게시
    하지만 TextCube와는 호환되지 않는다. T.T.

  • 위지윅 편집기

    포스트 제작 시 포스트를 게시하기 전에 이미 해당 포스트의 최종 모양을
    정확하게 확인    할 수 있어 더 이상 포스트를 온라인으로 확인하기 위해 시간을 허비할 필요가 없음

  • 다양한 미디어 게시

    사진, 지도, 태그 및 다양한 콘텐츠를 삽입 가능

  • 강력한 편집 기능

    표 삽입 및 편집 기능, 간단한 서식 및 하이퍼링크 지정 등의 기능으로 뛰어난 블로그 포스트를 제작 가능

  • 오프라인 편집

    Writer는 블로그에 저장된 정보와 오프라인에서 작성한 변경 내용을 동기화하기 때문에 블로그를 일관성 있게 관리할 수 있습니다.

여기서 다운로드 받을 수 있으면 설치 후 모습은 아래와 같다. 특별한 메뉴얼 없이 쉽게 사용할 수 있다.

한글 설명은 여기서 확인할 수 있다.

Qumana (free download)
Windows Live Writer와 같이 무료이고 좋은 기능들을 제공한다. 그리고 포스트 작성 시 Q-Ads라는 광고도 삽입할 수 있다.
Windows Live Writer와 비교해보면,

아래 그림과 같이 블로그의 기존 포스트 목록을 제공하며 내용도 볼 수 있으며 바로 편집할 수 있다. (물론 새 포스트 작성도 가능한다)

사용자 삽입 이미지
또한 HTML 소스를 바로 확인할 수 있다.
그리고 유저 인터페이스도 훨씬 직관적이고 깔끔하다.

영문에 대해 오탈자 체크를 제공해준다.

아쉬운 점은 Windows Live Write의 다음 기능은 제공되지 않는 것 같다.

- 포스트 내의 링크를 새창에서 열게 하는 option (물론 HTML을 수정할 수 있으니 수동으로 고칠 수 있을 것이다)

- 표 삽입 기능

이 도구도 TextCube와는 연계가 되지 않는것 같다. -_-;

여기서 다운로드 받아서 무료로 설치해서 사용할 수 있다.

ScribeFire (Firefox Add-on)
파이어폭스 add-on으로 무료로 사용할 수 있다.
위 두 편집기의 모든 기능은 제공하지 않지만 기본적인 편집 기능은 제공한다.
하지만 항상 온라인에서 작업을 해야 한다.

ScribeFire: Fire up your blogging

이 외에도 Ecto나  BlogJet 와 같은 유료 편집기도 있다.

유료 편집기는 사용해보지 않았지만 아마 TextCube나 티스토리 등과는 연계가 되지 않을 것이다.
나는 Google Blogger의 블로그에 포스트를 작성할 때 Windows Live Writer나 Qumana를 사용한다.
TextCube도 이런 편집기와 연계되면 좋겠다.

블로그의 포스트에서 죽은 링크를 자동으로 찾기

Sep 23

alonesweb2.0 , , , , , , , , 2 Comments

포스트를 쓰다 보면 참고한 사이트에 대해 링크를 거는 경우가 많을 것입니다.
시간이 흐르고 포스트가 많아질 수록,
자신의 포스트에서 링크를 건 웹사이트가 이전되었거나 폐쇄된 경우를 일일이 확인하기는 쉽지 않을 것입니다.

하지만 블로그의 방문자를 위해서 깔끔하게 해결해야할 문제일 것입니다.

이런 문제를 해결해주기 위해, Dead-Links.com에서 Free Broken Link Checker라는 유용한 도구를 웹 상에서 제공합니다.

Dead Links Spider


확인하고자 하는 블로그 (사이트)의 URL을 입력하면, 크롤러가 사이트의 모든 페이지 내에서 링크된 주소를 확인해줍니다.
시간은 최대 45분 정도 걸립니다. 웹 사이트가 큰 경우 작업을 시킨 후 좀 기다리시면,

웹 사이트 내에서 크롤러가 크롤링한 URL 목록,
외부에 건 링크 목록,
잘 못된 링크 목록

을 보여줍니다.

이 블로그의 경우는 호스팅을 받고 TextCube를 설치한 블로그인데 크롤러가 제대로 동작하지 않았고, Tistroy나 Google Blogger의 경우는 잘 동작했습니다.

Ref: Give Your Blog a Checkup

Older Entries