2026-05-03T02:03:47+09:00 https://jidae.com Park Junhyung parkjh78@gmail.com 2026-05-03T00:00:00+09:00 https://jidae.com/2026/05/03/game-progress-dashboard <p>게임을 여러 개 병행하다 보면 각 게임의 진행 상황을 까먹는 일이 잦다. 어디까지 깼더라, 이 아이템은 어떻게 구하는 거였더라 같은 것들. 그걸 한눈에 볼 수 있는 도구가 있으면 좋겠다고 생각해서 직접 만들어봤다.</p> <hr /> <h2 id="처음-아이디어">처음 아이디어</h2> <p>처음에는 단순하게 생각했다. 웹 페이지 하나를 만들고, 왼쪽에는 아이프레임으로 공략 사이트를 띄우고, 오른쪽에는 메모나 북마크 같은 메뉴를 두는 방식으로. 처음부터 클로드와 함께 만들고 있었고, 일단 동작하는 것까지는 만들었다.</p> <p>근데 실제로 써보니까 생각대로 안 됐다. 아이프레임으로 보여지지 않는 사이트가 생각보다 훨씬 많았다. 공략 사이트나 위키 같은 곳들이 대부분 아이프레임 삽입을 막아두고 있었다.</p> <hr /> <h2 id="개선하면서-방향이-바뀌었다">개선하면서 방향이 바뀌었다</h2> <p>안 되는 부분을 클로드한테 다시 설명하면서, 내가 진짜로 원하는 게 뭔지를 정리해서 얘기했다. 아이프레임 안에서 사이트를 보고 싶은 게 아니라, 게임 공략 사이트를 보면서 동시에 내 메모나 북마크를 옆에 두고 싶은 거라고.</p> <p>그랬더니 크롬의 사이드 패널 기능을 쓰는 확장 프로그램으로 만들면 된다는 걸 알게 됐다. 브라우저 오른쪽에 패널을 붙여서, 어느 탭에서든 내 메뉴를 항상 띄워둘 수 있는 방식.</p> <p>내가 원하는 걸 정확히 정리해서 전달했을 때 비로소 맞는 해결책이 나왔다. 이게 이번 작업에서 제일 크게 느낀 부분이다.</p> <hr /> <h2 id="전에-실패했던-크롬-확장-프로그램">전에 실패했던 크롬 확장 프로그램</h2> <p>사실 크롬 확장 프로그램은 전에도 한 번 만들려다가 포기한 적이 있다. 당시에는 개발 방법을 이해하는 것 자체가 너무 복잡하게 느껴졌다.</p> <p>이번엔 클로드의 도움을 받으면 어떻게든 되겠지 하는 마음으로 시작했다. 결과는 성공이었다. 코드를 한 줄 한 줄 이해하면서 짠 건 아니지만, 내가 원하는 기능을 설명하면 클로드가 구현해줬고, 잘 안 되는 부분은 같이 디버깅했다.</p> <hr /> <h2 id="완성된-것">완성된 것</h2> <p>크롬 사이드 패널에서 동작하는 확장 프로그램이다. 게임 공략 사이트를 탐색하면서, 치트 코드나 중요한 정보를 북마크로 저장해두고 꺼내볼 수 있다. Obsidian으로 관리하는 게임 노트와도 연동되어 있다.</p> <p><img src="/assets/images/2026-05-03-game-progress-dashboard/001.png" alt="게임 진행 대시보드 스크린샷" /></p> <p>완전히 내 용도에 맞춰 만든 거라 공개할 계획은 없지만, 이런 게 있으면 좋겠다고 오래 생각해왔던 거라 완성했을 때 꽤 뿌듯했다.</p> <hr /> <h2 id="마무리">마무리</h2> <p>이번에 다시 한번 느낀 건, 내가 뭘 원하는지를 정확히 아는 게 제일 중요하다는 거다. 처음에 아이프레임 방식에 고집하고 있었을 때는 계속 막혔는데, 진짜 원하는 것을 명확히 하고 나니까 해결책이 자연스럽게 나왔다.</p> <p>AI가 코드를 짜주는 것보다, 내가 원하는 게 뭔지 얘기하면서 같이 정리해나가는 과정 자체가 꽤 유용했다.</p> 2026-05-03T00:00:00+09:00 https://jidae.com/2026/05/03/game-progress-dashboard-ja <p>複数のゲームを掛け持ちしていると、それぞれの進行状況を忘れることが多い。どこまでクリアしたっけ、このアイテムはどうやって入手するんだっけ、といったことが。それを一目で確認できるツールがあればいいと思って、自分で作ってみた。</p> <hr /> <h2 id="最初のアイデア">最初のアイデア</h2> <p>最初はシンプルに考えた。ウェブページを一つ作って、左側にiframeで攻略サイトを表示し、右側にメモやブックマークのメニューを置く方式で。最初からClaudeと一緒に作っていて、とりあえず動くところまでは作った。</p> <p>ただ実際に使ってみると、思った通りにならなかった。iframeで表示できないサイトが想像以上に多かった。攻略サイトやWikiはほとんどiframeの埋め込みをブロックしていた。</p> <hr /> <h2 id="改善しながら方向が変わった">改善しながら方向が変わった</h2> <p>うまくいかない部分をClaudeに改めて説明しながら、自分が本当に欲しいものを整理して伝えた。iframeの中でサイトを見たいわけじゃなくて、ゲームの攻略サイトを見ながら同時に自分のメモやブックマークを横に置いておきたい、と。</p> <p>そうしたら、ChromeのサイドパネルのAPIを使った拡張機能として作れば実現できると分かった。ブラウザの右側にパネルを固定して、どのタブを開いていても自分のメニューを常に表示できる方式だ。</p> <p>自分が欲しいものを正確に整理して伝えたとき、初めて正しい解決策が出てきた。これが今回の作業で一番大きく感じたことだ。</p> <hr /> <h2 id="以前失敗したchrome拡張機能">以前失敗したChrome拡張機能</h2> <p>実はChrome拡張機能は以前にも一度作ろうとして諦めたことがある。当時は開発の仕組みを理解すること自体が複雑すぎると感じていた。</p> <p>今回はClaudeの力を借りればなんとかなるだろうという気持ちで始めた。結果は成功だった。コードを一行一行理解しながら書いたわけじゃないけど、欲しい機能を説明するとClaudeが実装してくれて、うまくいかない部分は一緒にデバッグした。</p> <hr /> <h2 id="完成したもの">完成したもの</h2> <p>Chromeのサイドパネルで動作する拡張機能だ。ゲームの攻略サイトを見ながら、チートコードや重要な情報をブックマークとして保存しておいて取り出せる。Obsidianで管理しているゲームノートとも連携している。</p> <p><img src="/assets/images/2026-05-03-game-progress-dashboard/001.png" alt="ゲーム進行ダッシュボードのスクリーンショット" /></p> <p>完全に自分用に作ったものなので公開するつもりはないけど、ずっと欲しいと思っていたものが完成したので、かなり達成感があった。</p> <hr /> <h2 id="まとめ">まとめ</h2> <p>今回改めて感じたのは、自分が何を欲しいのかを正確に把握することが一番大事だということだ。最初にiframe方式にこだわっていたときはずっと行き詰まっていたけど、本当に欲しいものを明確にしたら解決策が自然に出てきた。</p> <p>AIがコードを書いてくれることより、自分が何を欲しいのかを話しながら一緒に整理していくプロセス自体がかなり有用だった。</p> 2026-04-29T00:00:00+09:00 https://jidae.com/2026/04/29/portable-scanner-epson-es50 <p>Claude를 쓰면서 위키를 운용하다 보니 종이 문서를 디지털화할 일이 부쩍 늘었다. 영수증, 설명서, 손으로 적은 메모까지—스캔해서 집어넣으면 나중에 찾기 편하니까.</p> <p>처음에는 핸드폰 카메라로 찍어서 쓰고 있었는데, 문제가 생겼다. 종이가 조금이라도 구겨져 있거나 조명이 애매하면 OCR 인식률이 뚝 떨어지는 것이다. 핀이 안 맞거나 그림자가 지는 것도 심심찮게 발생했다.</p> <p>전용기를 들일 때가 됐다고 판단했다.</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/001.jpg" alt="핸드폰으로 서류 촬영" width="300px" /></p> <hr /> <h2 id="조건-정리">조건 정리</h2> <p>집에 공간이 별로 없다. 복합기 같은 덩치 큰 건 처음부터 제외였다. 휴대 가능한 시트피드 방식의 슬림 스캐너로 검색 범위를 좁혔다.</p> <p>맥 연결이 필수라 <strong>Apple Silicon(M1 Max) + macOS Tahoe</strong> 환경에서의 호환성도 체크가 필요했다. 드라이버 미지원으로 아예 쓸 수 없는 모델이 있으면 제아무리 스펙이 좋아도 의미가 없다.</p> <hr /> <h2 id="후보-3종-비교">후보 3종 비교</h2> <p>최종 후보로 세 모델이 남았다.</p> <p><strong>Canon imageFORMULA R10</strong>은 ADF(자동 문서 공급) 20장에 양면 스캔까지 지원하는 매력적인 모델이었다. 그런데 M1용 공식 드라이버가 없다. Sequoia도 미지원인 상황인데 Tahoe에서 돌아갈 리 없으니 일찌감치 탈락.</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/003.jpg" alt="Canon imageFORMULA R10" width="300px" /></p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/002.png" alt="Epson ES-60WB" width="300px" /></p> <p><strong>Epson ES-60WB</strong>는 Wi-Fi와 내장 배터리(약 300장/충전)까지 달린 고급 모델이다. 생각해보면 둘 다 딱히 필요하지 않다. 책상 위에서 쓸 건데 USB 연결이면 충분하고, 그 차액으로 다른 걸 사는 게 낫다.</p> <table> <thead> <tr> <th>항목</th> <th>Epson ES-50</th> <th>Epson ES-60WB</th> <th>Canon R10</th> </tr> </thead> <tbody> <tr> <td>스캔 속도</td> <td>10 ppm</td> <td>15 ppm</td> <td>12 ppm (흑백)</td> </tr> <tr> <td>ADF</td> <td>❌ 낱장</td> <td>❌ 낱장</td> <td>✅ 20장</td> </tr> <tr> <td>양면 스캔</td> <td>❌</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Wi-Fi</td> <td>❌</td> <td>✅</td> <td>❌</td> </tr> <tr> <td>배터리</td> <td>❌</td> <td>✅ (약 300장)</td> <td>❌</td> </tr> <tr> <td>무게</td> <td>약 270g</td> <td>약 270g대</td> <td>약 900g</td> </tr> <tr> <td>M1 호환</td> <td>⚠️ 조건부</td> <td>⚠️ 조건부</td> <td>❌</td> </tr> <tr> <td>일본 가격</td> <td>¥10,000~13,000</td> <td>약 ¥21,674</td> <td>¥17,000~20,000</td> </tr> </tbody> </table> <hr /> <h2 id="결론-epson-es-50">결론: Epson ES-50</h2> <p>군더더기 없이 스캔 기능에만 집중한 모델. 가격도 세 개 중 가장 저렴하다. 무게 270g이면 가방에 넣고 다녀도 부담이 없다.</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/004.png" alt="Epson ES-50" width="300px" /></p> <p>한 가지 주의할 점이 있었다. MacBook Pro 14”는 USB-C 포트만 있는데, ES-50에 기본 동봉된 케이블이 <strong>Micro-USB → USB-A</strong>다. 그러니까 맥에 직접 꽂을 수가 없다. <strong>Micro-USB → USB-C 케이블</strong>을 따로 준비해야 한다.</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/005.png" alt="Micro-USB to USB-C 케이블" width="300px" /></p> <hr /> <p>앞으로 잘 써먹어봐야지.</p> 2026-04-29T00:00:00+09:00 https://jidae.com/2026/04/29/portable-scanner-epson-es50-ja <p>Claudeを使いながらwikiを運用していたら、紙の書類をデジタル化する機会がぐっと増えた。 レシート、説明書、手書きのメモまで——スキャンして放り込んでおけば、後で探しやすい。</p> <p>最初はスマホのカメラで撮って済ませていたが、問題が出てきた。 紙が少しでも折れていたり、照明が中途半端だとOCRの認識率がガクッと落ちるのだ。 ピントが合わなかったり影が入ったりするのも、それなりに発生した。</p> <p>専用機を入れる頃合いだと判断した。</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/001.jpg" alt="スマホで書類を撮影" width="300px" /></p> <hr /> <h2 id="条件の整理">条件の整理</h2> <p>部屋にスペースがない。複合機みたいな大きいものは最初から除外だ。 携帯できるシートフィード型のスリムスキャナーに絞って探した。</p> <p>Mac接続が必須なので、<strong>Apple Silicon(M1 Max) + macOS Tahoe</strong> 環境での互換性チェックも必要だった。 ドライバ非対応で動かないモデルがあれば、スペックがよくても意味がない。</p> <hr /> <h2 id="候補3機種の比較">候補3機種の比較</h2> <p>最終候補は3機種に絞られた。</p> <p><strong>Canon imageFORMULA R10</strong>はADF(自動送り)20枚・両面スキャン対応で魅力的なモデルだった。 ただ、M1向けの公式ドライバがない。Sequoiaも非対応の状況でTahoeで動くはずもなく、早々に脱落。</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/003.jpg" alt="Canon imageFORMULA R10" width="300px" /></p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/002.png" alt="Epson ES-60WB" width="300px" /></p> <p><strong>Epson ES-60WB</strong>はWi-Fiと内蔵バッテリー(約300枚/充電)まで付いた上位モデルだ。 よく考えたら、どちらも特に必要ない。デスクで使うならUSB接続で十分だし、その差額で他のものを買った方がいい。</p> <table> <thead> <tr> <th>項目</th> <th>Epson ES-50</th> <th>Epson ES-60WB</th> <th>Canon R10</th> </tr> </thead> <tbody> <tr> <td>スキャン速度</td> <td>10 ppm</td> <td>15 ppm</td> <td>12 ppm（モノクロ）</td> </tr> <tr> <td>ADF</td> <td>❌ 1枚ずつ</td> <td>❌ 1枚ずつ</td> <td>✅ 20枚</td> </tr> <tr> <td>両面スキャン</td> <td>❌</td> <td>❌</td> <td>✅</td> </tr> <tr> <td>Wi-Fi</td> <td>❌</td> <td>✅</td> <td>❌</td> </tr> <tr> <td>バッテリー</td> <td>❌</td> <td>✅（約300枚）</td> <td>❌</td> </tr> <tr> <td>重量</td> <td>約270g</td> <td>約270g台</td> <td>約900g</td> </tr> <tr> <td>M1互換</td> <td>⚠️ 条件付き</td> <td>⚠️ 条件付き</td> <td>❌</td> </tr> <tr> <td>日本価格</td> <td>¥10,000〜13,000</td> <td>約¥21,674</td> <td>¥17,000〜20,000</td> </tr> </tbody> </table> <hr /> <h2 id="結論epson-es-50">結論：Epson ES-50</h2> <p>余計なものを省いてスキャン機能に特化したモデル。価格も3つの中で一番安い。 270gならカバンに入れて持ち歩いても負担にならない。</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/004.png" alt="Epson ES-50" width="300px" /></p> <p>ひとつだけ注意点があった。 MacBook Pro 14”はUSB-Cポートしかないが、ES-50に付属しているケーブルは<strong>Micro-USB → USB-A</strong>だ。 つまりMacに直接挿せない。<strong>Micro-USB → USB-Cケーブル</strong>を別途用意する必要がある。</p> <p><img src="/assets/images/2026-04-29-portable-scanner-epson-es50/005.png" alt="Micro-USB to USB-Cケーブル" width="300px" /></p> <hr /> <p>これからうまく活用してみよう。</p> 2022-06-21T00:00:00+09:00 https://jidae.com/2022/06/21/serverConnectionFromOutside <p><img src="/assets/images/2022-06-21-serverConnectionFromOutside/001.png" alt="title" width="125px" /></p> <p>파이썬 공부하면서 flask로 가볍게 만들어 둔 서버로 외부에서 접속할 필요가 생겼다. 여러가지 방법이 있지만 그냥 간단하게 할 수 있는 <strong>localtunnel</strong> 서비스를 알게 되었다. 해보면서 알게된 순서를 정리한다.</p> <hr /> <h2 id="우선-전제">우선, 전제</h2> <ul> <li>localtunnel은 node.js로 만들어졌으니 npm <sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup>으로 설치할 필요가 있다. <ul> <li><a href="https://nodejs.org/ko/">Node.js 설치하기</a>：가능하면 LTS버전으로 설치한다.</li> <li>설치 후 터미널에서 <code class="language-plaintext highlighter-rouge">node -v</code> 로 확인한다.</li> <li>npm 설치도 확인한다. 터메널에서 <code class="language-plaintext highlighter-rouge">npm -v</code></li> </ul> </li> </ul> <h2 id="순서는">순서는…</h2> <ul> <li>localtunnel 설치하기 <ul> <li><code class="language-plaintext highlighter-rouge">npm install -g localtunnel</code></li> </ul> </li> <li>localtunnel 실행하기 <ul> <li><code class="language-plaintext highlighter-rouge">lt --port [포트번호] -subdomain [도메인 이름] --print-requests</code></li> </ul> </li> </ul> <hr /> <h2 id="출처-참고문헌">출처 (참고문헌)</h2> <ul> <li><a href="https://github.com/localtunnel/localtunnel">localtunnel（GITHUB）</a></li> <li><a href="https://localtunnel.github.io/www/">localtunnel（WEB）</a> <ul> <li><a href="https://joyfulhome.tistory.com/180">npm 설치 및 npm 설치 버전 확인 방법</a></li> <li>https://kibua20.tistory.com/151</li> </ul> </li> <li><a href="https://ngrok.com/">그 외의 방법으로 ‘ngrok’도 괜찮다.</a></li> </ul> <hr /> <h2 id="정리">정리</h2> <p>flask 서버도 대응하고, 외부 도메인 연결도 가능해지니, 여러모로 할 수 있는 범위가 늘어났다!</p> <p><img src="/assets/images/2022-06-21-serverConnectionFromOutside/002.png" alt="" width="200px" /></p> <div class="footnotes" role="doc-endnotes"> <ol> <li id="fn:1" role="doc-endnote"> <p><strong>N</strong>ode.js <strong>P</strong>ackage <strong>M</strong>anager <a href="#fnref:1" class="reversefootnote" role="doc-backlink">&#8617;</a></p> </li> </ol> </div> 2021-03-02T00:00:00+09:00 https://jidae.com/2021/03/02/immediatelyBankTransfer <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/001.png" alt="title" width="100px" /> <img src="/assets/images/2021-03-02-immediatelyBankTransfer/002.png" alt="title" width="150px" /> <img src="/assets/images/2021-03-02-immediatelyBankTransfer/003.png" alt="title" width="100px" /></p> <p>일본에 와서 은행 업무를 보면서 제일 귀찮았던 부분이, 주말에 송금을 하게 되면 영업일까지는 꼼짝없이 기다려야하는 부분이었다. 우연한 기회에, 주말에 송금을 신청해도 바로 보내지는 방법을 알아냈기에 공유한다.</p> <hr /> <h2 id="우선-전제">우선, 전제</h2> <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/004.png" alt="" width="200px" /></p> <ol> <li>내가 쓰고 있는 은행이 UFJ이기 때문에 UFJ 은행 기준으로 작성한다. 다른 은행의 경우는 가능하다는 보장은 없음.</li> <li>등록과 사용 모두 무료이다.</li> <li>은행 어플리에서 진행했다. <ul> <li>웹은 동일한 메뉴가 있는 것을 확인했으니 가능하리라 생각하며, 창구에서 직접 하는건 당연히 가능하겠지.</li> <li>…설마 창구에서 하면 수수료를 받으려나? 라는 합당한 의심을 할 수 밖에 없다…</li> </ul> </li> </ol> <hr /> <h2 id="순서는">순서는…</h2> <p>다음 이미지 순서대로 조작하면 된다.</p> <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/005.jpg" alt="" width="300px" /></p> <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/006.jpg" alt="" width="300px" /></p> <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/007.jpg" alt="" width="300px" /></p> <hr /> <h2 id="정리">정리</h2> <p>한국에서는 느끼지 못했던 불편이 여기서는 굳이 신청해야 한다는게 희한하게 느껴지는 부분이지만, 일단 어떻게 하면 주말에도 바로 보낼 수 있는지 알았으니까 오케이!</p> <p><img src="/assets/images/2021-03-02-immediatelyBankTransfer/008.png" alt="" width="200px" /></p> 2020-10-13T00:00:00+09:00 https://jidae.com/2020/10/13/hideSecretData <p><img src="/assets/images/2020-10-13-hideSecretData/001.png" alt="title" /></p> <p>일전에 소개한 <a href="/2020/10/02/timeBasedAutomationPythonScriptWithGitAction/">「GitHub Actions을 이용해서 시간 베이스로 자동 실행시키기」</a> 를 만들다보면, GitHub에 올려야하는 내용이 공개되게 되는데, 그 안에 key 값을 그대로 넣어놓거나 하면, 보안 상으로 문제가 있게 된다.</p> <p><img src="/assets/images/2020-10-13-hideSecretData/002.png" alt="title" /></p> <p>이 부분을 해결하기 위해서, 다음의 조건을 만족하는 방법을 찾아보았고,</p> <ul> <li>외부에서는 특정한 값이 전혀 보이지 않는다.</li> <li>써야할 때는 상수로 가져다 쓸 수 있도록 한다.</li> </ul> <p>이래저래 적용해보면서 어떻게 하면 되는지 감잡을 수 있었다. 삽질했던 내용을 여기 정리해 둔다.</p> <hr /> <h2 id="숨겨야할-상수-만들기">숨겨야할 상수 만들기</h2> <p><img src="/assets/images/2020-10-13-hideSecretData/003.png" alt="title" /></p> <p>Actions를 작업하려는 레포지토리에서 Settings에 접속한다.</p> <p><img src="/assets/images/2020-10-13-hideSecretData/004.png" alt="title" /></p> <p>Secrets 선택하고 New secret 클릭한다.</p> <p><img src="/assets/images/2020-10-13-hideSecretData/005.png" alt="title" /></p> <p>상수명(Name)과 값(Value)을 집어넣고 Add Secret 버튼을 클릭한다. 참고로, 여기 입력한 값은 일단 결정하고 나면 자신도 볼 수 없게 된다.</p> <p><img src="/assets/images/2020-10-13-hideSecretData/006.png" alt="title" /></p> <p>여기까지 보이면 이 상수값을 Actions에서 가져다 쓸 수 있게 된다.</p> <h2 id="상수를-yml-파일에-등록하기">상수를 yml 파일에 등록하기</h2> <script src="https://gist.github.com/junhyungPARK78/2690eec0e68ffc690ed2f000c04f6a90.js"></script> <p>35 라인의 형식으로 상수값을 추가해나간다.</p> <h2 id="등록되어-있는-상수를-python-파일에서-사용하기">등록되어 있는 상수를 python 파일에서 사용하기</h2> <script src="https://gist.github.com/junhyungPARK78/9955b9b023ef6e4cb0e9fca92cf09ac8.js"></script> <p>10 라인의 형식으로 상수를 지정한다. 이때까지의 작업으로 python 스크립트에서 값이 숨겨져있는 상수를 사용할 수 있게 된다.</p> <hr /> <h2 id="정리">정리</h2> <p><img src="/assets/images/2020-10-13-hideSecretData/007.png" alt="title" /></p> <p>안전하게 다루어야할 정보를 안전하게 사용할 수 있도록 하는 방법을 실행시키고, 그걸 정리할 수 있어서 기분이 좋다!</p> 2020-10-02T00:00:00+09:00 https://jidae.com/2020/10/02/timeBasedAutomationPythonScriptWithGitAction <p><img src="/assets/images/2020-10-02-timeBasedAutomationPythonScriptWithGitAction/001.png" alt="title" /></p> <p>어떤 프로그램을 작성해서, 일정한 시간에 자동으로 실행하게 만들기 위해서는 여러가지 방법이 있었다.</p> <ol> <li>google apps script를 이용해서 실행하기</li> <li>집에 서버 설치해서 서버에서 일정 시간 받아와서 그 시간이 되면 지정된 프로그램을 실행하게 만들기</li> </ol> <p>google apps script 를 사용하려면 아무래도 주로 사용하는 언어도 아니다보니 이래저래 제한이 생기고, 서버를 따로 설치한다는 건 지금으로는 관심도 별로 없는 쪽까지 손을 대야하니 너무 과도한 느낌이 있다.</p> <p>그러던 중에 아주 우연히 GitHub의 Actions 기능을 이용하면 GitHub에 올라가있는 코드를 일정한 규칙에 의해서 실행시킬 수 있다는 것을 알게 되었다.</p> <p>이걸 이용하면 주로 사용하는 언어를 사용할 수 있으면서도, 따로 서버를 설치한다거나 할 필요도 없어진다.</p> <hr /> <h2 id="주의점">주의점</h2> <ul> <li>GitHub Actions에는 여러가지 실행 방식이 존재하지만, 여기서는 다음 조건에 대해서만 한해서 설명한다. <ul> <li>Python 스크립트</li> <li>시간 기준 실행</li> </ul> </li> </ul> <hr /> <h2 id="작업-순서-1">작업 순서 (1)</h2> <h3 id="github에-프로그램-푸쉬">GitHub에 프로그램 푸쉬</h3> <p>GitHub을 이용한 서비스이므로 사용할 프로그램은 GitHub에 푸시하자. 프로그램의 폴더 계층은 일단 최상층으로 한다.</p> <h3 id="action-만들기">Action 만들기</h3> <ol> <li> <p>GitHub의 레포지토리 페이지에 있는 메뉴중 「Actions」를 선택한다. <img src="/assets/images/2020-10-02-timeBasedAutomationPythonScriptWithGitAction/002.png" alt="title" width="300px" /></p> </li> <li> <p>파이썬 스크립트 하나를 실행시키는 정도라면, 위 스크린샷의 「Python application」으로 충분하다. 이걸 선택. <img src="/assets/images/2020-10-02-timeBasedAutomationPythonScriptWithGitAction/003.png" alt="title" width="300px" /></p> </li> </ol> <h3 id="yml-파일">yml 파일</h3> <ol> <li> <p>버튼을 누르면 텍스트 에디터가 나타난다. 다음 내용을 붙여넣는다. <script src="https://gist.github.com/junhyungPARK78/d7331a783720f3bb9cf42328b5c6c6d5.js"></script></p> </li> <li> <p>일단 Start commit 버튼을 <img src="/assets/images/2020-10-02-timeBasedAutomationPythonScriptWithGitAction/004.png" alt="title" /> 누른다.</p> </li> </ol> <h3 id="yml-파일-수정">yml 파일 수정</h3> <p>8행 : <code class="language-plaintext highlighter-rouge">- cron: "* 10 1 11 *"</code></p> <p>크론 표현식으로 어떤 일정으로 파이썬 스크립트를 실행시킬지 지정한다.</p> <p>문법을 외우다기보다는 <a href="https://crontab.guru/">crontab.guru</a> 에서 조정하는 것이 훨씬 편했다.</p> <p>32행 : <code class="language-plaintext highlighter-rouge">pip install bs4 requests</code></p> <p>파이썬 스크립트에서 사용한 모듈 중에서 인스톨이 필요한 모듈을 지정한다.</p> <p>33행 : <code class="language-plaintext highlighter-rouge">- run: python sendCWMessage.py</code></p> <p>실행하려는 파이썬 스크립트를 지정한다.</p> <hr /> <h2 id="정리">정리</h2> <p>간단한 스크립트의 실행만이라면, 몇가지의 수정만으로 편하게 시간 지정해서 실행이 가능해진다. 이런 건 적극적으로 써 줘야지.</p> <p><img src="/assets/images/2020-10-02-timeBasedAutomationPythonScriptWithGitAction/005.png" alt="title" width="300px" /></p> 2020-09-24T00:00:00+09:00 https://jidae.com/2020/09/24/categoriesOnBlog <h3 id="문제">문제</h3> <p>카테고리나 태그를 복수로 넣는 방법에 대해서 이때까지는 몰랐다.</p> <h3 id="해결">해결</h3> <p>다음 방법으로 하면 된다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>categories: [categoryA, categoryB, ...] </code></pre></div></div> <h3 id="기타">기타</h3> <p>프로그래밍을 공부하니까 보이는게 확실히 많아지네… 이건 참 기분 좋다.</p> 2020-09-17T00:00:00+09:00 https://jidae.com/2020/09/17/FunctionForGAS 2 <h3 id="문제">문제</h3> <ul> <li>조금만 코드가 길어지면 가독성이 팍팍 떨어진다.</li> <li>그에 따라 함수 별로 파일을 나눈다거나 하는 관리 기법이 필요해지는데, Google Apps script에서는 어떻게 해야하는지를 알아본다.</li> </ul> <h3 id="해결">해결</h3> <p>설명하고 자시고도 없다. Google Apps Script 에서는 프로젝트 별로 관리가 되기 때문에, 파일이 다르더라도 <code class="language-plaintext highlighter-rouge">함수명(인수)</code>의 방식으로 그대로 사용해주면 된다.</p> <h3 id="주의점">주의점</h3> <ul> <li>함수 명 그대로 쓰기 때문에, 반대로 얘기하자면 함수 명 겹치지 않게 조심해야한다.</li> </ul> 2020-08-12T00:00:00+09:00 https://jidae.com/2020/08/12/pythonForCWMessage <h3 id="문제">문제</h3> <p>python으로 ChatWork로 메세지를 전송하는 방법에 대해서</p> <h3 id="해결">해결</h3> <p>스프레드 시트에서 Google Apps Script 발동 방법에 대해서는 패스.</p> <script src="https://gist.github.com/junhyungPARK78/e2b9393d601f9acd7c1b050c168988ee.js"></script> <p>필요한 정보 :</p> <ol> <li>ChatWork API key</li> <li>ChatWork의 Room ID</li> </ol> <p>전에 google apps script로 보내는 방법을 알아봤으므로, 이번에는 python으로 보내는 방법을 조사해보았다. (성공까지 확인 완료!) python으로 직접 짜는만큼 자유도는 무지막지하게 올라가지만, google apps script 와는 달리 일정 간격으로 자동으로 메세지를 보내는 방법이 꽤 복잡하게 되어 버린다. 이건 앞으로 어느 쪽이 효과적일지 저울에 재어보고 선택하면 될 듯.</p> 2020-08-07T00:00:00+09:00 https://jidae.com/2020/08/07/GASForCWMessage <h3 id="문제">문제</h3> <p>일정 조건을 만족했을 때 자동으로 ChatWork로 메세지를 전송하는 방법에 대해서</p> <h3 id="해결">해결</h3> <p>스프레드 시트에서 Google Apps Script 발동 방법에 대해서는 패스.</p> <script src="https://gist.github.com/junhyungPARK78/3a72481d4ac599212827e445646e017d.js"></script> <p>필요한 정보 :</p> <ol> <li>ChatWork token</li> <li>ChatWork의 Room ID</li> </ol> <p>내용은 직접 넣어도, 시트의 일정 영역을 불러오는 것도 가능함. 상황에 맞추어 제작하면 됨.</p> 2020-07-22T00:00:00+09:00 https://jidae.com/2020/07/22/pythonAndPip3 <h3 id="문제">문제</h3> <p>복수의 PC에서 개발하고 있을 때, 설치되어 있는 패키지가 다른 경우, 의도하지 않은 버그가 있다거나 할 수 있다. 각 PC에 설치되어 있는 패키지도 동일하게 맞춰주어야할 필요가 있다.</p> <h3 id="해결">해결</h3> <p>패키지를 하나하나 버전까지 확인하면서 설치하기엔 힘도 너무 들고 휴먼 에러의 가능성도 충분히 있기 때문에, 설치되어 있는 패키지를 txt 파일로 만들어두고 패키지 설치할 때는 그 txt 파일의 내용대로 설치하게 하면 된다.</p> <p>먼저 잘 돌아가고 있는 PC의 패키지 정보를 가지고 와서 txt 파일을 만든다.</p> <ol> <li>패키지 정보를 뽑아낸다. terminal에서 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> pip3 freeze </code></pre></div> </div> <p>입력한다.</p> </li> <li>txt 파일로 만들어둔다.</li> <li>다른 PC에서 설치하기 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> pip3 install -r 「파일명」 </code></pre></div> </div> <p>이렇게 하면 문제없이 동일한 패키지가 설치된다.</p> </li> </ol> 2020-07-16T00:00:00+09:00 https://jidae.com/2020/07/16/multiLanguageTest <h3 id="문제">문제</h3> <p>미리 csv 파일로 다국어 파일을 만들어 놓고 옵션 등으로 보여지는 언어를 결정하고 싶었다.</p> <h3 id="해결">해결</h3> <p>다음 코드 방식으로 해결.</p> <script src="https://gist.github.com/junhyungPARK78/960c9b335042d8ac949dbd7ebd70989f.js"></script> <ul> <li>csv 형식으로 키, 각 언어의 번역을 작성한다.</li> <li>딕셔너리 형식으로 키와 해당 언어의 번역본을 짜맞춘다.</li> <li>코드 내에서는 해당 키로만 불러들여서 어떤 언어로 설정되어 있더라도 제대로 보이게 만든다.</li> </ul> 2020-07-14T00:00:00+09:00 https://jidae.com/2020/07/14/pyinstallerRelativePath <h3 id="문제">문제</h3> <p>보통 메인 py 파일과 다른 폴더를 만들어 그 안에 다른 py 파일이라든지, 세이브 파일 등을 집어넣게 될 것이다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>mainScript.py └resources └subScript.py └saveFile.txt </code></pre></div></div> <p>위와 같은 구조로 py 스크립트를 잘 만들고 나서, pyinstaller를 이용해서 exe 파일로 뽑아내고 ( 사용한 명령어 : <code class="language-plaintext highlighter-rouge">pyinstaller -F mainScript.py</code> ) 나니 세이브 파일이 없다는 오류가 나왔다.</p> <h3 id="해결">해결</h3> <p>여러가지 조사한 결과, 만들어 낸 실행 파일 뿐 아니라 resources 폴더와 그 안의 saveFile.txt 파일도 필요하다는 것을 알게 되었다. 단순히 놓아두는 것 만으로 잘 돌아가게 되었다.</p> <h3 id="추가-정보">추가 정보</h3> <p>상대 경로보다는 절대 경로가 안전하긴 하다. 그러나 만약 코드 안에 박혀있게 되면 유연한 대응이 불가능하게 된다. 알아보는 과정에서, 파일을 실행하는 위치를 동적으로 받아올 수 있는 코드가 있었다. <code class="language-plaintext highlighter-rouge">os.path.abspath(path)</code> 지금 구조라면 resources 폴더의 절대경로를 얻으려면 단순히 <code class="language-plaintext highlighter-rouge">os.path.abspath("resources")</code> 라고 하면 된다.</p> <h3 id="추가-정보-2">추가 정보 2</h3> <p>경로 중 디렉토리 명만 얻는 방법이 있는데, <code class="language-plaintext highlighter-rouge">os.path.dir(path)</code> 주의할 점으로는 마지막에 <code class="language-plaintext highlighter-rouge">/</code>가 있는지에 따라 마지막 부분까지 삭제해버리거나, 남겨두거나 한다는 점이다. 따라서 해당 path가 파일인지 아닌지를 먼저 확인 <code class="language-plaintext highlighter-rouge">os.path.isfile(path)</code> 해주고 path를 조정할지 어떻게 할지를 고려해야할 것이다.</p> 2020-07-07T00:00:00+09:00 https://jidae.com/2020/07/07/PythonPickleStudy <h3 id="python에서-string-이외의-형식으로-파일을-저장하기">python에서 string 이외의 형식으로 파일을 저장하기</h3> <h3 id="문제">문제</h3> <p>기본적으로는 txt 파일로 저장할 때는 string 형식 이외에는 저장할 수가 없다.</p> <p>나는 조그마한 프로그램을 만들면서 옵션 저장을 dictionary 형식으로 관리해보고 싶었기 때문에, 그 방법을 알아보니 ‘pickle’ 이라는 방식을 알게 되었다.</p> <h3 id="사용-방법">사용 방법</h3> <script src="https://gist.github.com/junhyungPARK78/db97c5494e0244a3225951bf42dd89d0.js"></script> <p>사용 방식은 위와 같다.</p> <h3 id="기타">기타</h3> <ul> <li>저장할 때 덧붙여 쓰는 방식은 없다. 읽어들여서 편집한 후에, 다시 싹 다 세이브 하는 방법이 되어야할 듯.</li> <li>저장 형식은 바이너리면가 된다. 용량이 어떻게 되는거지? <ul> <li>키 1000개 짜리 딕셔너리로 저장해보았다.</li> <li>바이너리 : 5KB</li> <li>텍스트 : 29KB</li> </ul> </li> </ul> 2018-10-12T00:00:00+09:00 https://jidae.com/2018/10/12/SpineDataExport_Auto_JP <p>Mac用の自動exportアップを作る方法の説明</p> <h3 id="まず必要なもの">まず必要なもの</h3> <ol> <li><a href="/2018/09/27/SpineDataExport_JP/">以前のポスト</a>で作った「spineファイルをexportする際に必要なオプション」のjsonファイル</li> <li>spineファイルをexportしたファイルを保存するフォルダー</li> </ol> <h3 id="作り方">作り方</h3> <ul> <li>Automatorを実行</li> <li>「アプリケーション」を選択</li> <li>「シェルスクリプトを実行」をワークフローに入れる</li> <li>シェルは「/bin/bash」を選択</li> <li>入力の引き渡し方法は「引数として」を選択</li> <li> <p>以下の内容をテキストエディタで編集</p> <script src="https://gist.github.com/junhyungPARK78/1348715c57fb3d0cd8a5836d5e1bdc00.js"></script> <p>「./export_folder」を自分のpathに修正</p> <p>「./spine_export_option.json」を自分のpathに修正</p> </li> <li>修正した内容をコピーしてシェルスクリプトにペーストする</li> <li>saveする。</li> <li>spineファイルをsaveしたアップにdrag &amp; dropする</li> <li>指定したexportのフォルダーに書き出されたかを確認</li> </ul> <hr /> <p><strong>【spineのカテゴリのLIST】</strong></p> <p><strong>「概要」</strong></p> <ul> <li><a href="/2018/09/27/SpineKnowhowList_JP/">進行計画</a></li> <li>spineの基本構造</li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/09/27/SpineDataExport_JP/">spineのデータをexportする方法</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto_JP/">drag &amp; drop だけでの自動exportツール（Mac）</a></li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchyの展開</li> <li>hierarchyのフィルター</li> <li>meshの設定ができているattachmentを差し替える</li> <li>以下の項目は只今準備中です。</li> </ul> 2018-10-12T00:00:00+09:00 https://jidae.com/2018/10/12/SpineDataExport_Auto <p>Mac용의 자동 export 툴을 만드는 방법을 기재해두고자 한다.</p> <h3 id="우선-필요한-것">우선 필요한 것</h3> <ol> <li><a href="/2018/08/29/SpineDataExport/">이전의 포스트</a>에서 만든 「해당 spine 파일을 export 하는데 필요한 옵션」의 json 파일</li> <li>spine 파일을 export한 결과물을 보존할 폴더</li> </ol> <h3 id="만드는-방법">만드는 방법</h3> <ul> <li>Automator를 실행한다.</li> <li>「어플리케이션」을 선택한다.</li> <li>「셸 스크립트를 실행」을 워크 플로우에 넣는다.</li> <li>셸은 「/bin/bash」를 선택한다.</li> <li>입력 방법에 대해서는 「인수로써」를 선택</li> <li> <p>이하의 내용을 텍스트 에디터로 편집한다.</p> <script src="https://gist.github.com/junhyungPARK78/1348715c57fb3d0cd8a5836d5e1bdc00.js"></script> <p>「./export_folder」를 자신에게 맞는 path로 수정한다.</p> <p>「./spine_export_option.json」을 자신에게 맞는 path로 수정한다.</p> </li> <li>수정한 내용을 셸 스크립트에 붙여넣는다.</li> <li>save한다.</li> <li>spine 파일을 세이브해서 생긴 툴에 drag &amp; drop한다.</li> <li>지정한 export 폴더에 제대로 파일 들이 저장되는지 확인한다.</li> </ul> <p>잘되면 성공이다. 이것으로 쓸데없는 휴먼 에러를 줄일 수 있다.</p> <hr /> <p><strong>【spine 카테고리 LIST】</strong></p> <p><strong>「개요」</strong></p> <ul> <li><a href="/2018/09/22/SpineKnowhowList/">진행계획</a></li> <li>spine의 기본 구조</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/08/29/SpineDataExport/">spine 데이터를 export하는 방법</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto/">drag &amp; drop 만으로 자동으로 export 해주는 방법（Mac）</a></li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchy 접고 펴기</li> <li>hierarchy 에서 필터링해서 보기</li> <li>mesh 설정이 되어 있는 attachment를 교체하기</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> 2018-09-27T00:00:00+09:00 https://jidae.com/2018/09/27/SpineKnowhowList_JP <p>ある程度はBLOGの形も固まったし、これからは知っていたspineに関した項目を順番に整理しようと思います。</p> <p>下にリストを作ったので、そこから必要なところにジャンプするのもいいかと思います。</p> <p>もしこれはどうすれば？とか、いい意見とかありましたらコメントをお願いします。</p> <hr /> <p><strong>【spineのカテゴリのLIST】</strong></p> <p><strong>「概要」</strong></p> <ul> <li><a href="/2018/09/27/SpineKnowhowList_JP/">進行計画</a></li> <li>spineの基本構造</li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/09/27/SpineDataExport_JP/">spineのデータをexportする方法</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto_JP/">drag &amp; drop だけでの自動exportツール（Mac）</a></li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchyの展開</li> <li>hierarchyのフィルター</li> <li>meshの設定ができているattachmentを差し替える</li> <li>以下の項目は只今準備中です。</li> </ul> 2018-09-27T00:00:00+09:00 https://jidae.com/2018/09/27/SpineDataExport_JP <p>spine作業の後、実際のゲームで使うためにはexportをする必要がある。 だがチーム作業中誰かがexportのオプションを間違えて意図していない不具合がでる経験をたくさんした。 それを防ぐために「だれが」作業しても同じオプションでexportできるようにしなきゃならない。 その方法で「オプションの内容をファイル化してspine作業者が共有する」のがあると思うが、その間に苦労した記憶があったのでここで共有しようかと思う。</p> <ol> <li>exportのオプションは２つがある。</li> <li> <p>イメージをatlas化する際に必要なオプション <img src="/assets/images/2018-08-29-SpineDataExport/001.png" alt="" /></p> </li> <li> <p>spineファイルをexportする際に必要なオプション <img src="/assets/images/2018-08-29-SpineDataExport/002.png" alt="" /></p> </li> <li>この中で作業者が共有するオプションは「spineファイルをexportする際に必要なオプション」の方。</li> </ol> <p>もちろんこのオプションをロードするときにも合うポップアップからロードする必要がある。 ここもチェックしよう。</p> <p>だが、exportするたびにオプションのjsonファイルをロードするのもヒューマンエラーの可能性がすごく高い。 その点で今後「drag &amp; dropだけで自動的にexportする方法」に関してまた書こうかなと思う。</p> <hr /> <p><strong>【spineのカテゴリのLIST】</strong></p> <p><strong>「概要」</strong></p> <ul> <li><a href="/2018/09/27/SpineKnowhowList_JP/">進行計画</a></li> <li>spineの基本構造</li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/09/27/SpineDataExport_JP/">spineのデータをexportする方法</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto_JP/">drag &amp; drop だけでの自動exportツール（Mac）</a></li> <li>以下の項目は只今準備中です。</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchyの展開</li> <li>hierarchyのフィルター</li> <li>meshの設定ができているattachmentを差し替える</li> <li>以下の項目は只今準備中です。</li> </ul> 2018-09-22T00:00:00+09:00 https://jidae.com/2018/09/22/SpineKnowhowList <p>어느 정도 블로그의 모양도 잡혔고, 앞으로는 알고 있었던 spine에 대한 사항을 하나하나 정리해볼까 합니다.</p> <p>아래에 리스트를 만들어두었으니 그 곳에서 필요한 곳으로 점프하는 것도 쉽지 않을까 하네요.</p> <p>혹시라도 이런건 어떻게? 라거나 좋은 의견이라든지 있으면 덧글로 남겨주세요.</p> <hr /> <p><strong>【spine 카테고리 LIST】</strong></p> <p><strong>「개요」</strong></p> <ul> <li><a href="/2018/09/22/SpineKnowhowList/">진행계획</a></li> <li>spine의 기본 구조</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/08/29/SpineDataExport/">spine 데이터를 export하는 방법</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto/">drag &amp; drop 만으로 자동으로 export 해주는 방법（Mac）</a></li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchy 접고 펴기</li> <li>hierarchy 에서 필터링해서 보기</li> <li>mesh 설정이 되어 있는 attachment를 교체하기</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> 2018-09-19T00:00:00+09:00 https://jidae.com/2018/09/19/timezone <p>jekyll 포스팅을 하다보면 작성한 내용이 목록에 전혀 나오지 않을 때가 있다. 여기에 대한 대처 방법을 고민하다가 알아낸 바가 있어서 작성해둔다.</p> <h3> 현상 </h3> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>--- title: "포스트가 안보일 경우 - time zone 설정에 대하여" date: 2018-09-19 18:32:00 --- </code></pre></div></div> <p>(현재 시간 9월 19일 18:38) 위와 같이 작성을 하고 MASTER 브랜치에 푸쉬를 해도 내 글 목록에 해당 포스트가 보이지 않는다.</p> <h3> 원인 </h3> <p>jekyll 블로그의 성질 상, 현재 시간보다 미래로 되어 있는 포스트는 비표시되게 되어 있다. github 내에서 빌드가 진행될 때 타임 존이 +00:00의 설정으로 되어 있다. 한국 타임 존인 +09:00에서 현재 시간을 적게 되면 미래의 시간이 되어, 9시간이 지나기 전에는 비표시되도록 세팅이 되어 버리는 것이다.</p> <h3> 해결책 </h3> <p>현재 작성하고 있는 포스팅의 타임 존이 한국 타임 존 임을 선언하면 된다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>--- title: "포스트가 안보일 경우 - time zone 설정에 대하여" date: 2018-09-19 18:32:00 +0900 --- </code></pre></div></div> <p>위와 같이 date의 마지막에 「+0900」을 붙이면 된다. 그러면 문제없이 현재 시간의 포스팅이 보이게 됨!!</p> 2018-09-12T00:00:00+09:00 https://jidae.com/2018/09/12/일본에서 운전면허 갱신하기 <p>벌써 3년 전의 일이 되었지만 한국 운전면허증을 기초로 일본 운전면허증을 받았다. 그 때 받은 일본 운전면허증의 유효 기간이 끝이 나서, 갱신하라는 엽서가 날아왔기에 하는 김에 어떤 순서로 했는지 기록해둘까 한다.</p> <h3> 준비물 챙기기 </h3> <p>갱신 엽서에 무엇을 준비하라고 잘 써 있다. 빼먹지 말고 챙겨가자.</p> <ul> <li>갱신 엽서</li> <li>일본 면허증</li> <li>재류카드</li> <li>수수료</li> </ul> <h3> 면허 시험장 방문 </h3> <p>날아온 엽서 뒷면에 보면 초회 갱신인가, 우수 운전자인가, 등등에 따라서 어느 곳에서 갱신을 할 수 있는지에 대한 설명이 자세히 써 있다. 난 초회 갱신이니 운전 면허시험장에서만 갱신이 가능하다. (거기다 아래 다시 이야기 하겠지만 강습을 들어야하는데 무려 2시간…… 생각만해도 지겨워지더라. 일반 갱신은 한시간, 우수 운전자는 30분. 다른 거보다 강습 시간 짧은게 부러웠음.) 구글 맵으로 검색해서 교통편이 그나마 괜찮은 사메즈 면허시험장（鮫洲運転免許試験場）으로 출발.</p> <p><img src="/assets/images/2018-09-12-일본에서 운전면허 갱신하기/001.png" alt="" width="400px" /></p> <p><a href="https://goo.gl/maps/jsXmWQfNmev">鮫洲運転免許試験場 google link</a></p> <p>휴가하고 우연히 겹쳐서 평일에 갔는데도 역에서부터 꽤나 사람이 많았다. 일요일도 접수하는 모양이던데 그 때는 사람이 아마 훨씬 더 많겠지?</p> <h3> 종합 안내에서 서류 작성 </h3> <p>이쪽저쪽에 「갱신 접수는 종합 안내에서 해주세요」라는 안내 문구가 보인다. 종합안내라고 써 있는 곳에 가서 면허 갱신하러 왔다고 하면 갱신 엽서 달라고 한다. 잘 건네주고 조금 기다리면 서류 한 장을 챙겨주면서 옆에 있는 기입소에서 굵은 선 안에 있는 정보를 작성한 후 몇 번 창구로 가라고 말해준다. 가야할 위치는 기입소 바로 옆이다. 서류는 면허증 갱신 끝날 때까지 계속 써야하는거니 잘 챙기자.</p> <p>기입하라는 란에 정보 틀리지 않게 잘 적어넣고 옆에 있는 창구로 가자. 차례가 되면 기입한 서류와 달라는 준비물 건네주면 뒤에서 앉아서 기다리라고 한다.（돈도 여기서 낸다.） 시간 걸리겠지~ 생각하고 읽던 책을 꺼내들었는데 의외로 금방 불렀다. 가 보면 이전 운전 면허증에 구멍 뚫어서 건네준다. 그러면서 장소 알려주며 비밀 번호를 뽑은 후에 시력 확인하라고 안내를 해 준다.</p> <h3> 비밀 번호 등록 </h3> <p>알려준 장소에 있는 기계에 가서 비밀번호를 입력하면 바코드가 찍힌 영수증 비슷한 종이가 나온다. 이것도 앞으로 쭉 쓰게 되니 잃어버리지 않도록 주의하자.</p> <p>처음 운전 면허증을 만들 때도 느꼈지만, 왜 4자리 숫자를 <strong>2번</strong> 집어넣어야 하는지를 모르겠다. 하라니까 하긴 한다만… 그런데 두번 넣는 비밀 번호중에 첫번째 숫자는 밖으로 표시되어 찍혀나온다. 신경쓰이는 사람이 있다면 운전 면허증 끝자리 숫자로 한다든가 하자.</p> <h3> 시력 확인 </h3> <p>안내받은 장소로 가면 시력을 검사하는 곳이 있다. 이 곳에 서류 제출하고, 보이는대로 대답하면 OK</p> <h3> 사진 촬영 </h3> <p>사진 찍어서 갈 필요없다. 간 그대로 사진 새로 찍어야 한다. 3년간 사용할 사진이니 신경써야겠다면 꾸며서 가시길. 모자 쓰고 갔다간 떡진 머리가 운전면허증에 박힌다.</p> <p>참, 여기서 아까 발행한 비밀 번호 바코드를 등록하게 되는데, 이 정보를 기준으로 강습받고 있는 중에 새 운전 면허증을 만들게 된다.</p> <h3> 강습 준비 </h3> <p>가라는 곳으로 잘 가보면 강습 등록하는 곳이 있다. 서류 제출하면 시간과 강의실 번호를 알려준다. 시간 장소 잘 맞춰서 입장하자.</p> <p><img src="/assets/images/2018-09-12-일본에서 운전면허 갱신하기/002.png" alt="" width="400px" /></p> <p>난 27번 강의실이었다.</p> <h3> 강습 </h3> <p>시간이 되면 강사 분이 들어오셔서 강의를 진행하게 된다. 졸지 말고 시간 채워서 잘 들으면 자기 서류에 <strong>강습을 전부 받았다는 도장</strong> 을 찍어주게 되는데, 이게 없으면 갱신한 운전 면허증을 수령할 수가 없다. 혹시나 못 받고 강의가 끝났다면 반드시 강사에게 확인하자.</p> <h3> 면허증 교부 및 확인 </h3> <p>강의가 다 끝난 다음에 수령 창구에 가게 된다. 도장을 받은 서류에 보면 숫자가 써 있는데, 이걸 기준으로 받을 사람을 부르게 된다. 몇 번부터 몇 번까지 받으러 오라고 하는 식인데, 그 사이에 줄 잘 서서 받도록 하자.</p> <p>받은 후에는 확인 기계에 운전 면허증 내용이 제대로 입력이 되어 있는지 확인하는 절차가 있다. 기계에 받은 운전 면허증을 올려두고 아까 만들었던 비밀 번호를 입력하면 운전 면허증에 들어가 있는 정보가 화면에 출력된다. 해당 내용에 이상이 없는지 확인하면 모든 업무는 끝! 다시 3년간 운전 면허증을 사용할 수 있게 된다.</p> 2018-09-11T00:00:00+09:00 https://jidae.com/2018/09/11/jekyll blog 내용을 Mac local에서 확인하기 <p>블로그를 업데이트 하거나 포스트를 업로드할 때 반복해서 확인해야 할 때가 있다. 그럴 때 평소대로 GIT에 올리면 실제로 적용될 때까지 적지 않게 기다려야한다.</p> <p>그나마 포스트를 쓴다면 작성해서 올리고 잊어버리면 되겠지만 사이트 수정을 해야할 때는 그렇게 하기엔 수정 내용을 확인할 때까지 너무 시간이 많이 걸리게 된다.</p> <p>그래서 검색해보고 낸 결론이 로컬에서 돌아가게 만들어서 바로바로 확인이 가능하게 만드는 방법이었다. 방법은 다음과 같다.</p> <ol> <li>터미널에서 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>gem install bundler bundle install </code></pre></div> </div> </li> <li>자기 블로그가 설치되어 있는 폴더로 이동해서 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>bundle exec jekyll serve </code></pre></div> </div> <p>을 입력하면 로컬에서 서버가 작동하게 된다.</p> </li> <li>이후에는 사용하는 웹 브라우저에서 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>http://localhost:4000/ </code></pre></div> </div> <p>로 접속하면 자신의 블로그를 확인 가능하다.</p> </li> </ol> <p>[추가] 그런데 이렇게 하는 것도 한두번이지 매번 확인해야 할 때마다 서버를 켜주는 명령어를 입력하는 것도 정말 귀찮아지더라. 그래서 맥의 automator로 서버 실행과 웹 브라우저로 로컬 서버에 접속하는 것까지 자동 실행하는 플로우를 만들었다.</p> <p>내용은 다음과 같다.</p> <ol> <li>automator 실행</li> <li>“apple script 실행”을 찾아서 창에 떨궈준다.</li> <li> <p>다음 내용을 기입한다.</p> <script src="https://gist.github.com/junhyungPARK78/9c9f753a59a43780c56bc085deb3f88d.js"></script> </li> </ol> 2018-08-29T00:00:00+09:00 https://jidae.com/2018/08/29/SpineDataExport <p>spine으로 작업한 후 실제 게임에서 사용하기 위해서는 export를 할 필요가 있다. 그런데 팀 작업 중 누군가가 export 옵션을 실수해서 unity에 넣었을 때 의도하지 않은 오류를 뿜어내는 경험을 많이 했다. 그것을 방지하기 위해서 ‘누가’ 작업하더라도 동일한 옵션 내역으로 export 해 줄 수 있게 할 필요성이 있다. 해결 방법으로 ‘옵션을 파일화해서 spine 작업자끼리 공유한다’가 있을 수 있는데, 여기서 꽤 삽질을 했던 기억이 있어서 그 사항을 공유할까 한다.</p> <ol> <li>export 옵션은 두가지 종류가 있다.</li> <li> <p>이미지를 아틀라스 화 하는데 필요한 옵션 <img src="/assets/images/2018-08-29-SpineDataExport/001.png" alt="이미지를 아틀라스 화 하는데 필요한 옵션" /></p> </li> <li> <p>해당 spine 파일을 export 하는데 필요한 옵션 <img src="/assets/images/2018-08-29-SpineDataExport/002.png" alt="해당 spine 파일을 export 하는데 필요한 옵션" /></p> </li> <li>이 중 공유해야하는 옵션은 「해당 spine 파일을 export 하는데 필요한 옵션」쪽이다.</li> </ol> <p>물론 이 옵션을 불러들일 때도 해당하는 팝업창에서 불러들일 필요가 있다. 이 부분도 확실히 체크해두도록 하자.</p> <p>사실 export 할 때마다 옵션 json 파일을 불러들이는 것도 꽤 큰 수고가 된다. 추후 ‘drag &amp; drop 만으로 자동으로 export 해주는 방법’에 대해서 다시 한번 포스팅을 만들어볼까 생각한다.</p> <hr /> <p><strong>【spine 카테고리 LIST】</strong></p> <p><strong>「개요」</strong></p> <ul> <li><a href="/2018/09/22/SpineKnowhowList/">진행계획</a></li> <li>spine의 기본 구조</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「export」</strong></p> <ul> <li><a href="/2018/08/29/SpineDataExport/">spine 데이터를 export하는 방법</a></li> <li><a href="/2018/10/12/SpineDataExport_Auto/">drag &amp; drop 만으로 자동으로 export 해주는 방법（Mac）</a></li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> <p><strong>「TIP」</strong></p> <ul> <li>hierarchy 접고 펴기</li> <li>hierarchy 에서 필터링해서 보기</li> <li>mesh 설정이 되어 있는 attachment를 교체하기</li> <li>이하 항목에 대해서는 만드는 중입니다.</li> </ul> 2018-08-23T00:00:00+09:00 https://jidae.com/2018/08/23/photoshop에서 작업 영역을 마음대로 보기 <ol> <li>작업할 레이어나 폴더를 전부 선택</li> <li>오른클릭해서 ‘아트 보드로 전환’을 선택</li> </ol> <p>위와 같이 해 두면 작업 영역보다 작은 사이즈로 축소해두어도 마음대로 화면 내에서 움직일 수 있게 된다.</p> 2018-08-22T00:00:00+09:00 https://jidae.com/2018/08/22/GITHub과 ssh key에 대한 정리 <p>먼저 비밀키 만들기</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ ssh-keygen -t rsa Generating public/private rsa key pair. Enter file in which to save the key (/Users/username/.ssh/id_rsa): // ← 作成される場所。問題なければEnter。 // ← 작성되는 장소. 문제없으면 Enter Enter passphrase (empty for no passphrase): // ← パスフレーズの入力。省略する場合はそのままEnter。 // ← 패스워드를 입력. 생략하려면 그대로 Enter Enter same passphrase again: // ← パスフレーズの再入力。省略した場合はそのままEnter。 // ← 패스워드 재입력. 생략했던 경우에는 그대로 Enter </code></pre></div></div> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>~/.ssh/id_rsa が秘密鍵 가 비밀키 ~/.ssh/id_rsa.pub が公開鍵 가 공개키 </code></pre></div></div> <p>공개키를 크롬 주소창에 붙이고 나오는 내용을 복사</p> <p><a href="https://github.com/settings/keys">해당 내용을 GitHub의 자기 어카운트에 new ssh key로 등록</a></p> <p>완료!</p> 2018-08-13T00:00:00+09:00 https://jidae.com/2018/08/13/unity script에서 inspector에 문자열 입력하게 만들기 <p>일단 스크립트 내용 :</p> <script src="https://gist.github.com/junhyungPARK78/76bd80087c5a95e59aa2a3d6728cadf5.js"></script> <p><code class="language-plaintext highlighter-rouge">public string SceneName;</code> 부분이 인스펙터에 글자 입력하는 옵션이 나오도록 하는 부분.</p> <p><code class="language-plaintext highlighter-rouge">SceneManager.LoadScene(SceneName);</code> 부분에서 입력받은 이름의 씬으로 이동하도록 되어 있다.</p> <p>추가로 더 알고 싶은 사항 :</p> <ul> <li>그냥 텍스트로 입력하게 해 두었는데, 씬을 선택할 수 있도록 해 주는 방법은 없을까?</li> </ul> 2018-08-08T00:00:00+09:00 https://jidae.com/2018/08/08/이 블로그의 용도 <p>오래간만에 접속.</p> <p>이 쪽으로 spine이라든가, 기타 알게된 내용을 정리하려고 한다.</p> 2015-06-09T00:00:00+09:00 https://jidae.com/2015/06/09/header의 date에 대한 실험 <p>헤더에 들어있는 date를 없애도 문제없이 돌아가는지 확인용.</p> <hr /> <p>없어도 알아서 날짜 잘 적히네. 굳.</p> <hr /> <p>에이 제길. 없으니까 포스팅 순서가 꼬이는구나. 얌전히 적을 수 밖에 없겠다.</p> 2015-06-09T00:00:00+09:00 https://jidae.com/blog/2015/06/09/GITHub와 jekyll을 이용한 첫 블로깅 <p>이래저래 정보 정리를 어디에 해야할까 고민해왔다. 주안점은 두가지.</p> <ol> <li>내가 작성한 컨텐츠를 내가 가지고 있을 수 있는가? (가능성 + 편의성)</li> <li>마크다운 문법을 사용할 수 있는가?</li> </ol> <p>그 중 마크다운 문법에 대해서는 작성 내용을 자동으로 html 버전으로 바꾸어 주는 크롬 익스텐션(Markdown Here)이 있어서 이러나 저러나 상관없지 않은가 했지만 역시 그렇게 사용하면 내 손에 남는 건 억지로 바뀌어진 마크다운 문서 뿐이라서 망설였다.</p> <p>그러다가 얻은 정보가 깃허브 블로그.</p> <p>처음 정보를 얻었을 때는 도대체 어떻게 사용해야하는건지 알 수가 없어서 포기했었는데, 회사에서 깃허브를 이래저래 사용하다보니, 꽤 익숙해진 다음에 다시 관련 정보를 보니 별 내용 아니더라 ;;;</p> <p>그래서 당장 설치하고 일단 사용에 익숙해질 때 까지는 이대로만 써 볼 예정이다. 익숙해지면 이래저래 바꿔봐야지.</p> <p>이상!</p>