Drafts – Josephology 101

Workflow와 Drafts로 블로그 리뷰 글 작성하기 (2/2)

Joseph — Tue, 08 Mar 2016 02:28:27 +0000

이전 글: Workflow와 Drafts로 블로그 리뷰 글 작성하기 (1/2)

나는 지금 블로그 글을 쓸 때 녹풍님이 만드신 Mytory Markdown 플러그인을 사용한다. 드랍박스의 퍼블릭 폴더에 올린 마크다운 형식의 글을 워드프레스에 연결시켜 띄울 수 있는 플러그인이다. 녹풍님의 소개글과 칼킨님의 소개글을 읽어보면 좋다. 내 글을 워드프레스 DB가 아니라 내 컴퓨터에 그대로 보유하고 싶다는 이유로 이 플러그인을 쓰고 있다.

이번 글에서는 Drafts와 Mytory Markdown 플러그인을 이용해서 어떻게 글을 발행하는지 설명할 것이다.

추가로, 이전 글을 쓴 이후 Workflow의 액션을 다듬어서 조금이나마 더 깔끔하게 만들었지만 그거에 대해선 쓰지않는다. 쓰다보면 어떤 부분을 줄일 수 있을지 알 수 있을 것이다.

1.

〈자객 섭은낭〉을 본 글을 쓸 것이다. Workflow를 통해 영화 제목, 개봉 년도, 포스터 이미지의 드랍박스 주소를 가져왔다.

2.

발행 시에는 ‘Wordpress에 글쓰기’를 선택한다. 이 액션은 오른쪽의 단계를 거치도록 돼있다.

3-1.

첫번째 Clipboard 단계는 별게 아니다. 현재 년도를 복사해두는 단계이다. 이후 단계에서 쓰기 위해 넣어둔 단계이다.

3-2.

두번째 단계는 현재 Drafts에 적어둔 본문을 드랍박스에 올리는 부분이다. 파일명은 ‘YYYY-MM-DD 글제목’ 형식으로, 확장자는 마크다운 형식 .md으로 저장될 것이다. 경로는 드랍박스의 퍼블릭 폴더의 특정 경로로 지정했다. [[clipboard]] 태그로 이전 단계에서 복사한 올해 년도를 불러온다.
아래의 [[title]]은 본문의 첫번째 줄을, [[body]]는 첫 줄을 제외한 나머지 전부를 가리킨다. 맨 앞에 #을 붙인 건 Mytory Markdown 플러그인이 맨처음

태그를, 즉 마크다운에서 `#` 한개가 붙은 곳을 글의 제목으로 지정하기 때문이다.

3-3.

세번째 단계에선 자바 스크립트를 사용한다. 이거 하느라 자바스크립트 용어들도 검색하고 그랬다. 이 단계로 이전 단계에 올려둔 마크다운 파일의 위치까지의 폴더 경로를 만든다.
– var year = getClipboard(); : 첫 단계에서 복사한 년도를 year로 지정한다.
– var userId = ('XXXXXX' + '/'); : XXXXXX는 내 드랍박스 번호이다. 그걸 userId로 지정한다.
– var folder = ('Blog' + '/' + 'Posts' + '/' + year + '/'); : 마크다운 파일이 저장된 경로의 폴더 구성이다. folder로 지정한다.
– var url = ('https://dl.dropboxusercontent.com/u/' + userId + folder); : userId와 folder를 합쳐서 전체 파일 경로를 만든 후 url로 지정한다.
– draft.defineTag("location", url); : 위의 지정한 url을 이 단계 안에서가 아니라 다음 액션 단계에서 쓸 수 있도록 location이라고 지정한다.

3-4.

다음 단계에서 쓰기 위해 파일명을 클립보드에 복사한다.

3-5.

파일 공유주소를 완성한다.
– var url = (draft.getTag("location") + getClipboard()); : 지정해둔 location, 즉 폴더 경로와 클립보드에 복사해둔 파일명을 합치면 파일의 공개 공유주소가 완성될 것이다.
– setClipboard(url) : 그것을 클립보드에 복사한다.

3-6.

이 주소는 내 블로그의 새 글 작성 페이지의 주소다. 이제 Mytory Markdown 플러그인을 사용하기 위해 여기로 이동할 것이다.

4-1.

플러그인을 설치했다면 글쓰기 화면에 이런 박스가 생겨있을 것이다. URL 부분에 복사된 마크다운 파일의 공유주소를 여기에 붙여놓고 에디터 내용 갱신을 누른다.

4-2.

이렇게 #이 붙은 맨 첫줄은 제목으로, 나머지는 본문으로 들어가진다. 태그나 글 형식같은 나머지 사항들을 점검하고 발행하면 된다.

이렇게 하면 글을 작성하고 발행하는 과정이 마무리된다. 예시에서 올린 글은 이 글의 바로 앞 글에서 확인할 수 있다. Mytory Markdown 플러그인을 쓰기 전에는 워드프레스에 메일을 보내 발행하는 방법을 썼었다. 보통은 그거면 충분할 것이다.

Workflow와 Drafts로 블로그 리뷰 글 작성하기 (1/2)

Joseph — Sun, 03 Jan 2016 16:32:19 +0000

iOS의 대표적인 자동화(Automation) 앱인 Workflow를 이용해서 워드프레스 글을 써보자는 생각을 했다. 지금의 리뷰글 방식을 처음 쓴 글은 《언제 들어도 좋은 말》리뷰글이었다. 이때는 알라딘에서 책 표지를 받아 드랍박스에 올려두고 워드프레스 사이트의 에디터를 통해 글을 쓰는 방식이었다. 글을 쓰는 것보다 다른 것 때문에 글쓰기가 귀찮아지는 상황이었다. 그러다 서울비님의 글을 읽고 나도 이정도 글은 자동화로 좀 더 편히 쓸 수 있지 않을까 싶어졌고, 이것저것 만지다 이 방법을 만들게 됐다.

그림을 올리고, 링크를 만들고, 글 전체 형식을 갖추는 태그들을 달아 서식을 만드는 건 가능해보였다. 다만 글 쓰기 자동화라 해도 ‘글’을 자동화할 수는 없다. 바로 그 ‘글’을 쓰는 부분 때문에 Workflow만으로 글을 완성시킬 수 없었다. 그래서 Workflow에서 만든 서식을 Drafts로 보내고, 거기서 완성시켜 블로그에 발행하는 방식을 썼다. 왜 Drafts인가 하면 내가 아이폰으로 무언가를 쓸 땐 Drafts에서 작성하는 것이 제일 편한데다, 그 앱에 만들어둔 스크립트들이 글을 쓸 때 유용하기 때문이다.

Workflow와 Drafts의 내용을 모두 쓰기엔 너무 길어져서 — Workflow의 분량이 예상보다 많았다 — 첫번째 글인 여기엔 Workflow에서 어떻게 서식을 만드는지에 대해서만 쓸 것이다. Drafts에 대한 이야기는 다음 글에 적을 것이다.

참고로 큰 디스플레이인 PC나 태블릿에서 보는 것이 좋을 것이다.

1.

미리 받아놓은 책의 표지 이미지, 혹은 영화 포스터를 선택해, Set Variable로 Image라 지정한다.
– Resize Image로 이미지를 가로 200px에 맞게 축소한다. 필요하면 Edit Image로 크롭도 한다.
– 축소한 이미지를 Save to Dropbox 액션으로 드랍박스의 임시 폴더에 올려두고, Set Variable로 올려둔 이미지를 Temp라 지정한다.

1-1.

Get Variable로 Image를 불러와 삭제한다.

2.

이제 드랍박스에 올려둔 파일 Temp의 위치와 이름을 바꿀 것이다. 내 블로그에 올라온 이미지들은 보통 드랍박스에 Blog Images/년도/월 순의 폴더별로 정리되기 때문에 올려둔 이미지를 해당 폴더에 바르게 옮기는 것이 중요하다.
– 먼저 Date로 현재 날짜를 불러와 Format Date를 이용해 ISO 8601순으로 출력한다. 이는 yyyy-mm-dd 순이다.
– 이것을 Set Variable로 Date라 지정한다.
– 그리고 이 변수를 Split Text에서 - 를 기준으로 자르면 yyyy와 mm과 dd 세 가지가 나온다. 이 모두를 SplitDate라고 Set Variable한다.

2-1.

연도와 월을 지정하는 부분이다.
– SplitDate에서 반복 작업 Repeat with Each를 한다.
– 첫번째 항목(First Item)인 yyyy를 Year로, 두번째 항목(Item at Index, 2)인 mm을 Month로 지정한다. dd는 필요없으니 넘어간다.

2-2.

마지막으로 올려둔 Temp의 확장자를 지정해둔다.
– Get Details of FIles로 파일 확장자 정보를 얻어서 Ext라 정했다.
이제 파일명과 위치 변경을 위한 작업은 다 해둔 것이다. 지금까지가 복잡해 보이지만 사진 삭제하는 과정을 제외하고는 따로 누를 일이 없이 자동으로 진행된다.

3.

일단 Get Variable로 드랍박스에 올려뒀던 이미지 파일 Temp를 불러둔다.
– 그리고 Choose from Menu 액션으로 이제야 책 리뷰글을 쓰는 것인지, 영화 리뷰글을 쓰는 것인지 정하게 된다.

3-1-1.

Set Name 액션으로 Temp의 파일명을 바꾼다. Date 항목에서 날짜를 불러와 Book-yyyy-mm-dd로 만들고 Ext에서 확장자를 불러와 파일 이름을 변경한다.
– Save to Dropbox 액션으로 이름을 바꾼 파일을 새롭게 저장한다. 저장 위치는 이전에 지정한 Year와 Month에 맞춰 지정돼있다.
– 그리고 Set Variable로 이 새로운 파일을 New라고 지정한다.
물론, 이제 필요없는 Temp는 지워준다.

3-1-2.

Get Dropbox Link 액션으로 새 파일 New의 공유 링크를 만든다. 다만 이 링크는 워드프레스 블로그에서 바로 쓸 수 없기 때문에 좀 바꿔줘야 한다.
– Replace Text로 링크 주소에서 바꿔줄건 바꿔주고, 버릴건 버린다.
– 다듬어진 주소를 Copy to Clipboard 액션으로 복사해둔다.

3-1-3.

드디어 서식을 만들기 시작한다. 드디어! 하지만 3번에서 고른 것 이후로도 자동으로 처리되는 것들이다.
– 이 책의 제목을 적기 위해 Ask for Input을 이용한다.
– 그리고 Title로 지정한다.
– 가끔 책 리뷰글엔 인용문을 적어두기 때문에 인용문이 있는지 물어보는 항목을 넣었다.

3-1-4.

만약 인용문이 있다면 왼쪽처럼, 없다면 오른쪽처럼 서식을 만들어서 Drafts에 보낸 뒤 곧바로 Drafts 앱이 넘어가 계속해서 글을 쓸 수 있게 돼있다.
cover와 tag는 뒤에 설명한다.

3-2-1.

영화도 이와 크게 다르지 않다.
– 파일명이 Movie-yyyy-mm-dd이다.
– 인용문이 아니라 올해 개봉했는지 그 이전에 개봉한 작품인지를 물어본다. 영화 리뷰글에는 글 제목에 개봉년도가 들어가기 때문이다.

3-2-2.

올해 개봉작일 경우가 왼쪽, 그 외일 경우가 오른쪽이다.
– 올해 작품이라면 2-1번에서 지정한 연도를 불러와 서식에 넣는다.
– 몇년도 작품인지를 입력하면 이를 ReleaseYear로 지정해서 서식에 들어간다.
역시 이렇게 완성된 서식은 Drafts로 보낸다.

복잡해 보이지만 실제로 해보면 입력하는 것이 얼마 없다. 위 영상은 책 글을 쓰면서 인용문이 없다고 했을 경우의 예시이다.