June 2011
2 posts
1 tag
Ruby on Rails - full_messages 한국어 처리 | Ruby on...
이 글은 액티브 레코드를 검증할 때 제공하는 문구를 한국어로 바꾸는 방법에 대한 내용입니다.
먼저 진행을 위해 예제 프로젝트를 만듭니다.
$ rails new example
$ cd example
간단하게 로그인 아이디, 이메일 필드를 갖는 사용자 모델을 만듭니다.
$ rails g scaffold user login:string email:string
$ rake db:migrate
app/models/user.rb
class User < ActiveRecord::Base
validates :login, :presence => true,
:uniqueness => true,
:length ...
2 tags
크롬 확장 프로그램 개발 - 페이지 액션 | Chrome Extension...
개요
브라우저 액션과 페이지 액션 비교는 크롬 확장 프로그램 개발 - 브라우저 액션 글에서 적었는데요. 한 번 더 말씀드리면 아이콘을 감추고 싶으면 페이지 액션을 그 외에는 브라우저 액션을 쓰는 것을 추천합니다.
페이지 액션으로 구현하는 확장 프로그램은 대개 아래와 같은 절차로 구현합니다.
컨텐트 스크립트를 통해 페이지를 살펴봅니다.
실행 조건을 만족하면 주소창에 페이지 액션 아이콘을 보여 줍니다.
아이콘을 클릭했을 때 프로그램을 실행합니다.
페이지 액션 아이콘을 보여주는 함수는 chrome.pageAction.show(integer tabId)입니다. 크롬 확장 프로그램 개발 - 컨텐트 스크립트 글에서 얘기한 것처럼 컨텐트 스크립트는 일부 chrome.extension.*를 제외한 다른...
May 2011
3 posts
2 tags
크롬 확장 프로그램 개발 - 컨텐트 스크립트 | Chrome Extension...
개요
컨텐트 스크립트란 웹 페이지 안에서 동작하는 자바스크립트와 스타일시트를 말합니다. 페이지를 불러온 후 북마클릿을 실행하는 것처럼 페이지의 내용을 읽어올 수도 있고 마음대로 바꿀 수도 있습니다.
물론 보안상 몇 가지 제한사항이 있습니다. 공식 페이지에서는 아래와 같이 얘기합니다.
chrome.extension.* 을 제외한 API를 사용할 수 없습니다.
확장 프로그램 페이지에 선언한 변수, 함수를 사용할 수 없습니다.
웹 페이지나 다른 컨텐트 스크립트에 선언한 변수, 함수를 사용할 수 없습니다.
크로스 사이트 AJAX 통신을 할 수 없습니다.
컨텐트 스크립트는 격리된 공간에서 실행됩니다. 예를 들어 jQuery를 사용하는 여러 확장 프로그램을 설치하더라도 충돌을 일으키지 않는다는...
2 tags
크롬 확장 프로그램 개발 - 브라우저 액션 | Chrome Extension...
크롬 웹 스토어에 있는 확장 프로그램들을 설치해 보면 대부분 브라우저 액션입니다. 페이지 액션이 조금 있고, 옴니박스는 몇 개 되지 않고 보조 메뉴나 컨텐트 스크립트는 보통 액션에 부가된 기능으로 들어가 있습니다.
브라우저 액션 對 페이지 액션
그렇다면 브라우저 액션과 페이지 액션은 각각 언제 써야 할까요? 먼저 각 액션에서 지원하는 API를 살펴보겠습니다.
먼저 브라우저 액션에서 사용하는 chrome.browserAction API입니다.
메소드
setBadgeBackgroundColor
setBadgeText
setIcon
setPopup
setTitle
이벤트
onClicked
다음은 페이지 액션에서 사용하는 chrome.pageAction API입니다.
...
2 tags
크롬 확장 프로그램 개발 - 개요 | Chrome Extension Development...
크롬 확장 프로그램은 구글 크롬 브라우저에 설치해서 사용하는 부가 기능을 말합니다. 크롬 웹 스토어에서 내려받을 수 있고 개발한 확장 프로그램을 올릴 수도 있습니다.
웹킷 엔진에서 실행됩니다.
HTML5, CSS3 지원이 뛰어납니다.
같은 엔진을 사용하는 iOS, 안드로이드에 응용할 수 있습니다.
HTML, 자바스크립트, 스타일시트 파일로 이루어져 있습니다.
웹 개발에 필요한 지식을 그대로 사용할 수 있습니다.
XUL을 써야 하는 파이어폭스에 비해 개발하기 편합니다.
확장 프로그램 형태
크롬 확장 프로그램은 여러 가지 형태로 개발할 수 있습니다. 외관상으로 구별되는 점도 있고 사용하는 API가 다르기도 합니다. 어떤 형태로 개발할 수 있는지 하나씩 살펴보겠습니다.
브라우저 액션, 페이지...
April 2011
3 posts
3 tags
DEVONthink에서 마크다운 사용하기 | Using Markdown in...
DEVONthink에서 바로 만들 수 있는 문서 파일은 Plain Text, Rich Text, Script, HTML, XML, Property List 입니다. 마크다운을 지원하지는 않지만 밖에서 만든 마크다운 파일을 임포트해서 사용할 수 있습니다. 이 과정을 애플스크립트를 써서 자동화도록 하겠습니다.
이전 글에서 말한 대로 한글 마크다운을 제대로 훑어보기 위해서 최상단에 chartset: utf-8을 적어줘야 합니다. 매번 적어주는 일이 귀찮을 테니 마크다운 문서를 만들 때 이 문장을 미리 적은 파일을 임포트합니다.
편집기를 열고 아래 문장을 입력합니다.
charset: utf-8
/tmp 폴더에 import.markdown 이름으로 저장합니다.
애플스크립트 편집기를 열어서 아래...
3 tags
맥에서 마크다운 사용하기 | Using Markdown in Mac
이 글은 확장 마크다운인 MultiMarkdown을 사용하는 것을 기본으로 합니다. OS X 10.6.7 영문 상위에서 시험했습니다.
마크다운 실행파일
가장 먼저 마크다운의 기본이 되는 실행 파일을 설치합니다.
설치
브라우저를 열고 MultiMarkdown 저장소로 갑니다.
MultiMarkdown-Mac-x.x.x.pkg.zip 파일을 받습니다.
압축을 풀고 패키지 파일을 실행합니다.
/usr/local/bin 위치에 multimarkdown 파일과 mmd로 시작하는 실행 파일들이 설치됩니다.
마크다운 훑어보기
훑어보기(Quick Look)는 맥 파인더에서 해당 프로그램을 실행하지 않고 스페이스 키를 눌러서 파일의 내용을 미리 보는 기능입니다. 기본적으로 지원하는 파일 종류가...
2 tags
마크다운이란? | About Markdown
소개
Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).
위 문장은 마크다운을 만든 John Gruber의 홈페이지에서 가져온 문장입니다. 이 짧은 문장에 마크다운의 핵심 철학이 모두 들어 있습니다.
읽기 쉽다
쓰기 쉽다.
일반 텍스트 파일이다.
HTML 형식으로 변환한다.
읽기 쉽다
마크다운 형식으로 쓴 글을 보면 종이에 적은 것과 비슷한 느낌을 받습니다. 제목, 목록과 같은...