<div id="readability-page-1" class="page"><article id="post-10419">
	
		<div>
			
<p>작년 8월쯤 네이버 카페를 검색할 수 있는 알프레드 워크플로우를 만들어서 공개했다(<a href="https://taegon.kim/archives/10357" data-type="URL" data-id="https://taegon.kim/archives/10357">링크 참고</a>). 가끔 쓸 일이 있어서 만들어놓기는 했지만 이런저런 일로 신경을 못 쓰고 있었는데, 그러던 중 이런 댓글이 달렸다.</p>



<div><figure><img src="https://taegon.kim/wp-content/uploads/2022/03/%E1%84%82%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%87%E1%85%A5_%E1%84%8F%E1%85%A1%E1%84%91%E1%85%A6_%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%8B%E1%85%AD%E1%86%BC_%E1%84%8B%E1%85%A1%E1%86%AF%E1%84%91%E1%85%B3%E1%84%85%E1%85%A6%E1%84%83%E1%85%B3_%E1%84%8B%E1%85%AF%E1%84%8F%E1%85%B3%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%84%8B%E1%85%AE_%E1%84%8C%E1%85%A6%E1%84%8C%E1%85%A1%E1%86%A8_-_%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3%E1%84%8A%E1%85%B3%E1%84%82%E1%85%B3%E1%86%AB%E1%84%89%E1%85%A1%E1%84%85%E1%85%A1%E1%86%B7-1024x240.png" alt="" width="596" height="139" sizes="(max-width: 596px) 100vw, 596px"></figure></div>



<p>아직 업데이트 전이라 모르고 있었는데 보고된 대로 macOS 12.3부터는 Python2 버전을 찾아보기 어려웠다. 뿐만아니라 Python3 또한 기본 설치가 아니라 사용자가 직접 설치해주어야 한다고 한다. 어차피 해야하는 삽질이라면 뭐라도 배울 수 있게 조금 더 생산적으로 해보자 싶어서 똑같은 워크플로우를 이번엔 자바스크립트로 작성해보았다. 정확하게 말하면 macOS의 기본 기능인 오토메이션 스크립트를 사용하는 것이다.</p>



<p>지난 번에 워크플로우를 작성할 때는 JS에 언어 인코딩 변환 모듈이 없어서 포기했는데 쉘 스크립트와 <code>iconv</code>를 사용해서 약점을 극복했다. 완성된 스크립트는 다음과 같다. <a href="https://taegon.kim/archives/10357" data-type="post" data-id="10357">이전 글</a>에서 설명한 대로 워크플로우를 만들되 스크립트 언어를 <code>/usr/bin/osascript (JavaScript)</code>로 설정해주어야 한다.</p>



<pre><code>function run(argv) {
	const query = argv[0];
	const app = Application.currentApplication();

	app.includeStandardAdditions = true;

	const converted = app.doShellScript(`echo "${query}" | iconv -c -t cp949 -f UTF8-MAC | hexdump`).split(/\r?\n|\r/g).map(line =&gt; line.split(/ /g).filter(Boolean).slice(1).join('')).join('');
	const encoded = converted.replace(/([a-z\d]{2})([a-z\d]{2})/g, '%$2%$1').replace(/%0[0a]/g, '');

	return JSON.stringify({
		items: [
			{
				uid: 'search-ncafe',
				type: 'default',
				title: '네이버 카페 검색',
				subtitle: `네이버 카페에서 '${query}' 검색하기`,
				arg: encoded,
				valid: true,
			},
		],
	});
}
</code></pre>



<p>가장 시간이 많이 걸린 부분은 역시 <code>UTF-8</code>의 문자열을 <code>CP949</code> 형식으로 변환해주는 것이었다. JS는 기본적으로 UTF-8 기반으로 동작하기 때문에 오히려 이런 오래된 한국어 인코딩 방식을 지원하기가 어렵다. 따라서 쉘 스크립트와 iconv를 이용해서 변환해주고 이를 다시 16진수로 덤프를 출력했다. 16진수로 출력하는 과정이 없으면 변환된 문자열이 제대로 저장되지 않는다.</p>



<p>문자열 처리의 핵심은 <code>const converted....</code>로 시작하는 줄과 <code>const encoded...</code>로 시작하는 줄이다. <code>converted</code>에서는 <code>UTF-8-MAC</code> 인코딩을 <code>CP949</code>로 변경한 후 <code>hexdump</code>가 출력하는 불필요한 정보를 제거한다. 여기서 출발 인코딩이 <code>UTF-8</code>이 아닌 <code>UTF-8-MAC</code>임에 주의하자. 이렇게 사용하는 이유는 이전 글에 달린 댓글에서 조금 더 자세히 볼 수 있다.</p>



<div><figure><img loading="lazy" src="https://taegon.kim/wp-content/uploads/2022/03/%E1%84%82%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%87%E1%85%A5_%E1%84%8F%E1%85%A1%E1%84%91%E1%85%A6_%E1%84%80%E1%85%A5%E1%86%B7%E1%84%89%E1%85%A2%E1%86%A8%E1%84%8B%E1%85%AD%E1%86%BC_%E1%84%8B%E1%85%A1%E1%86%AF%E1%84%91%E1%85%B3%E1%84%85%E1%85%A6%E1%84%83%E1%85%B3_%E1%84%8B%E1%85%AF%E1%84%8F%E1%85%B3%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%84%8B%E1%85%AE_%E1%84%8C%E1%85%A6%E1%84%8C%E1%85%A1%E1%86%A8_-_%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3%E1%84%8A%E1%85%B3%E1%84%82%E1%85%B3%E1%86%AB%E1%84%89%E1%85%A1%E1%84%85%E1%85%A1%E1%86%B7-1-1024x932.png" alt="" width="657" height="598" sizes="(max-width: 657px) 100vw, 657px"></figure></div>



<p><code>encoded</code> 부분에서는 바이트 헥사코드의 순서를 올바르게 변경하고 줄바꿈, 널문자와 같은 불필요한 정보를 제거한다.그리고 헥사 코드 앞에 <code>%</code> 기호를 추가해 URL에 사용할 수 있는 인코딩된 텍스트로 변경한다. 이렇게 완성된 데이터를 알프레드에서 지원하는 검색 목록 JSON으로 전달하면 다시 네이버 카페 검색을 사용할 수 있게 된다.</p>
		</div>
	</article></div>

코드쓰는사람

작년 8월쯤 네이버 카페를 검색할 수 있는 알프레드 워크플로우를 만들어서 공개했다(링크 참고). 가끔 쓸 일이 있어서 만들어놓기는 했지만 이런저런 일로 신경을 못 쓰고 있었는데, 그러던 중 이런 댓글이 달렸다. 아직 업데이트 전이라 모르고 있었는데 보고된 대로 macOS 12.3부터는 Python2 버전을 찾아보기 어려웠다. 뿐만아니라 Python3 또한 기본 설치가 아니라 사용자가 직접 설치해주어야 한다고 한다. 어차피 해야하는 […]

네이버 카페 검색용 알프레드 워크플로우 v2

댓글