<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Kingdom</title>
    <link>https://kais.tistory.com/</link>
    <description>God's in his heaven, All right with the world.</description>
    <language>ko</language>
    <pubDate>Thu, 11 Jun 2026 05:28:53 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>카이(KAi)</managingEditor>
    <image>
      <title>Kingdom</title>
      <url>https://tistory1.daumcdn.net/tistory/225347/attach/c625f281b0aa44d68985d4b1944bb2e0</url>
      <link>https://kais.tistory.com</link>
    </image>
    <item>
      <title>Subtitle Edit 사용법 - 무료 AI 음성인식 &amp;amp; 자동번역 자막 만들기</title>
      <link>https://kais.tistory.com/entry/How-to-Use-Subtitle-Edit-Free-AI-Speech-Recognition-and-Automatic-Translation</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;소개&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;다양한 자막 편집기가 있지만 중요한건 핵심적인 기능을 쉽게 사용할 수 있을수록 자막 작업이 쉬워집니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;온라인 편집기나 여러 자막 편집 프로그램을 써봤는데 개인적으로 Subtitle Edit 가 가장 직관적이고 쉬웠습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;무엇보다 지원하는 기능도 많고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;AI 기능이 포함되어 외부 서비스도 연동할 수 있지만,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;본인 컴퓨터로 AI를 이용해서 작업할 수 있다는 점도 장점입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1447&quot; data-origin-height=&quot;754&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b0Ligf/dJMcagyUL6Y/PxxrbvAcR1h8u6PaHOrsYK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b0Ligf/dJMcagyUL6Y/PxxrbvAcR1h8u6PaHOrsYK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b0Ligf/dJMcagyUL6Y/PxxrbvAcR1h8u6PaHOrsYK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb0Ligf%2FdJMcagyUL6Y%2FPxxrbvAcR1h8u6PaHOrsYK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1447&quot; height=&quot;754&quot; data-origin-width=&quot;1447&quot; data-origin-height=&quot;754&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://www.nikse.dk/subtitleedit&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.nikse.dk/subtitleedit&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780286312257&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Nikse.dk&quot; data-og-description=&quot;&quot; data-og-host=&quot;www.nikse.dk&quot; data-og-source-url=&quot;https://www.nikse.dk/subtitleedit&quot; data-og-url=&quot;https://www.nikse.dk/subtitleedit&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://www.nikse.dk/subtitleedit&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://www.nikse.dk/subtitleedit&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Nikse.dk&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;www.nikse.dk&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;다운로드 페이지&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://github.com/SubtitleEdit/subtitleedit/releases&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://github.com/SubtitleEdit/subtitleedit/releases&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780286321331&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;object&quot; data-og-title=&quot;Releases &amp;middot; SubtitleEdit/subtitleedit&quot; data-og-description=&quot;the subtitle editor :). Contribute to SubtitleEdit/subtitleedit development by creating an account on GitHub.&quot; data-og-host=&quot;github.com&quot; data-og-source-url=&quot;https://github.com/SubtitleEdit/subtitleedit/releases&quot; data-og-url=&quot;https://github.com/SubtitleEdit/subtitleedit/releases&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/cEEJwm/dJMb85vV5By/XOQJ53W0uxjm1o3reuldx1/img.png?width=1200&amp;amp;height=600&amp;amp;face=0_0_1200_600,https://scrap.kakaocdn.net/dn/bYpHTa/dJMb88e7Ma1/u3DtP1AQyk7d9Mjq7k99D1/img.png?width=1200&amp;amp;height=600&amp;amp;face=0_0_1200_600&quot;&gt;&lt;a href=&quot;https://github.com/SubtitleEdit/subtitleedit/releases&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://github.com/SubtitleEdit/subtitleedit/releases&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/cEEJwm/dJMb85vV5By/XOQJ53W0uxjm1o3reuldx1/img.png?width=1200&amp;amp;height=600&amp;amp;face=0_0_1200_600,https://scrap.kakaocdn.net/dn/bYpHTa/dJMb88e7Ma1/u3DtP1AQyk7d9Mjq7k99D1/img.png?width=1200&amp;amp;height=600&amp;amp;face=0_0_1200_600');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Releases &amp;middot; SubtitleEdit/subtitleedit&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;the subtitle editor :). Contribute to SubtitleEdit/subtitleedit development by creating an account on GitHub.&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;github.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;Subtitle Edit 장점&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;영상 편집 프로그램과 비슷한 화면 구조로 직관적으로 사용할 수 있음&lt;/b&gt;&lt;br /&gt;레이아웃도 편한대로 변경 가능&lt;/li&gt;
&lt;li&gt;&lt;b&gt;오디오 파형이 명확하게 보여서 대사나 노래가 나오는 부분을 쉽게 확인하고 시간을 지정할 수 있음&lt;/b&gt;&lt;br /&gt;다른 프로그램은 오디오 파형이 너무 불분명해서 말이 시작되는 시점을 확인하기가 어렵고, 오디오 부분을 선택해서 자막을 편집하는 인터페이스가 불편한 경우가 많음&lt;/li&gt;
&lt;li&gt;&lt;b&gt;srt, ass, xml 등 300여개에 해당하는 다양한 파일 포멧 지원&lt;/b&gt;&lt;br /&gt;단순 저장 포멧만 지원하는게 아니라, ass 경우 스타일이나 도형 등 다양한 기능도 모두 지원&lt;/li&gt;
&lt;li&gt;&lt;b&gt;어떤 제한 없는 무료로 사용 가능&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;로컬 AI 번역 기능 지원&lt;/b&gt;&lt;br /&gt;음성 &amp;rarr; 텍스트&lt;br /&gt;텍스트 &amp;rarr; 텍스트&lt;br /&gt;&lt;br /&gt;유료 AI 서비스를 이용한 방법은 물론, 공개된 모델을 이용해 자신의 컴퓨터로 무료로 번역 가능&lt;br /&gt;공개된 LLM 모델을 선택하여 엔진과 모델을 받고, '서버 시작' 버튼으로 서버를 실행하면 끝이라 매우 간편함&lt;br /&gt;사용자가 따로 엔진과 모델을 받아서 압축풀고 설치하는 귀찮은 일 없이 프로그램이 자동으로 다운로드&lt;/li&gt;
&lt;/ul&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;목차&lt;/b&gt;&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#setting&quot;&gt;&lt;b&gt;Subtitle Edit 초기 설정&lt;/b&gt;&lt;/a&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#language&quot;&gt;&lt;b&gt;UI 언어 변경 및 자막 형식 변경&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#hotkey&quot;&gt;&lt;b&gt;단축키 설정&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#recom-hotkey&quot;&gt;&lt;b&gt;추천 단축키 설정&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#control&quot;&gt;&lt;b&gt;조작 방법&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#make-subtitle&quot;&gt;&lt;b&gt;자막 작성하는 방법&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#setting-style&quot;&gt;&lt;b&gt;스타일 설정&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#how-to-ai&quot;&gt;&lt;b&gt;AI 이용하는 방법&lt;/b&gt;&lt;/a&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;a href=&quot;#speech-to-text&quot;&gt;&lt;b&gt;AI를 이용해 음성 &amp;rarr; 텍스트 생성&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#auto-translate&quot;&gt;&lt;b&gt;AI를 이용해 텍스트 자동 번역하기&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#subtitle-in-video&quot;&gt;&lt;b&gt;자막이 포함된 영상 만들기 / 투명 영상 만들기&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr id=&quot;setting&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;Subtitle Edit 초기 설정&lt;/b&gt;&lt;/h2&gt;
&lt;h4 id=&quot;language&quot; data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;UI 언어 변경 및 자막 형식 변경&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;언어 선택이 설정에 있는게 아니라 따로 메뉴로 빠져 있습니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;02-01.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dlMXVm/dJMcaarYDJP/izWlwVrMd4mHKhkZGgjcz0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dlMXVm/dJMcaarYDJP/izWlwVrMd4mHKhkZGgjcz0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dlMXVm/dJMcaarYDJP/izWlwVrMd4mHKhkZGgjcz0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdlMXVm%2FdJMcaarYDJP%2FizWlwVrMd4mHKhkZGgjcz0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - change localization / change language&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;02-01.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 id=&quot;hotkey&quot; data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;단축키 설정&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;기본 단축키로는 불편하기 때문에 추가적인 단축키를 설정해야 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;옵션(O) &amp;rarr; 단축키(S)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;단축키를 설정할 항목을 검색하고,&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;[...] 버튼을 누르면 단축키를 누르는 것으로 설정 할 수 있습니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;설정할 단축키를 누르고, 확인을 누르세요&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;05-01.jpg&quot; data-origin-width=&quot;760&quot; data-origin-height=&quot;680&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/FVkzD/dJMcajvEDYR/DM6MtJfF93L91ErzbB7570/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/FVkzD/dJMcajvEDYR/DM6MtJfF93L91ErzbB7570/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/FVkzD/dJMcajvEDYR/DM6MtJfF93L91ErzbB7570/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFVkzD%2FdJMcajvEDYR%2FDM6MtJfF93L91ErzbB7570%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - set hotkey (shortcut)&quot; loading=&quot;lazy&quot; width=&quot;760&quot; height=&quot;680&quot; data-filename=&quot;05-01.jpg&quot; data-origin-width=&quot;760&quot; data-origin-height=&quot;680&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 id=&quot;recom-hotkey&quot; data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;추천 단축키 설정&lt;/b&gt;&lt;/h4&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 70px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style13&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 22px;&quot;&gt;
&lt;td style=&quot;width: 44.6512%; text-align: center; height: 22px;&quot;&gt;&lt;b&gt;설정 이름&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 16.6278%; text-align: center; height: 22px;&quot;&gt;&lt;b&gt;단축키&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 38.721%; text-align: center;&quot;&gt;&lt;b&gt;설명&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 16px;&quot;&gt;
&lt;td style=&quot;width: 44.6512%; height: 16px;&quot;&gt;&lt;b&gt;현재&amp;nbsp;위치에&amp;nbsp;자막&amp;nbsp;삽입&amp;nbsp;및&amp;nbsp;선택&lt;/b&gt;&lt;br /&gt;Insert&amp;nbsp;subtitle&amp;nbsp;at&amp;nbsp;video&amp;nbsp;position&amp;nbsp;and&amp;nbsp;focus&amp;nbsp;text&amp;nbsp;box&lt;/td&gt;
&lt;td style=&quot;width: 16.6278%; height: 16px; text-align: center;&quot;&gt;alt + `&lt;/td&gt;
&lt;td style=&quot;width: 38.721%; text-align: center;&quot;&gt;현재 비디오 시점에 자막을 추가하고&lt;br /&gt;텍스트로 포커스를 이동&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 16px;&quot;&gt;
&lt;td style=&quot;width: 44.6512%; height: 16px;&quot;&gt;&lt;b&gt;시작점&amp;nbsp;설정&lt;/b&gt;&lt;br /&gt;Set&amp;nbsp;start&lt;/td&gt;
&lt;td style=&quot;width: 16.6278%; height: 16px; text-align: center;&quot;&gt;alt + 1&lt;/td&gt;
&lt;td style=&quot;width: 38.721%; text-align: center;&quot;&gt;자막의 시작 시간을 현재 비디오 위치로 설정&lt;br /&gt;(오디오 파형에서 위치 선택후 실행)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 16px;&quot;&gt;
&lt;td style=&quot;width: 44.6512%; height: 16px;&quot;&gt;&lt;b&gt;끝점 설정&lt;/b&gt;&lt;br /&gt;Set&amp;nbsp;end&lt;/td&gt;
&lt;td style=&quot;width: 16.6278%; height: 16px; text-align: center;&quot;&gt;alt + 2&lt;/td&gt;
&lt;td style=&quot;width: 38.721%; text-align: center;&quot;&gt;자막의 끝 시간을 현재 비디오 위치로 설정&lt;br /&gt;(오디오&amp;nbsp;파형에서&amp;nbsp;위치&amp;nbsp;선택후&amp;nbsp;실행)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;hr id=&quot;control&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;조작 방법&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;프로그램 자체는 쉽게 사용 가능하기 때문에 알아야 하는 부분은 많이 없습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;다만 오디오 파형 같은 경우 단축키를 알고 있다면 편해지기 때문에 이 부분은 알아두는게 좋습니다&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;오디오 파형&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;오디오 파형 왼쪽/오른쪽 이동 : 마우스 휠스크롤&lt;/li&gt;
&lt;li&gt;오디오 파형 축소/확대 : alt + 마우스 휠스크롤&lt;/li&gt;
&lt;li&gt;오디오 파형 파형 증폭/축소 : shift + 마우스 휠스크롤&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr id=&quot;make-subtitle&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;자막 작성하는 방법&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. 편집 할 영상 불러오기&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;비디오(V) &amp;rarr; 비디오 열기(O)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. 자막 추가&lt;/b&gt;&lt;/h3&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;아래에 보이는 오디오 파형을 참고해서 자막을 넣을 시점을 클릭&lt;/li&gt;
&lt;li&gt;오디오 파형 하단의 &lt;b&gt;[+] 버튼&lt;/b&gt;을 누르거나&lt;br /&gt;오디오 파형에서 오른쪽 버튼을 눌러 컨텍스트 메뉴에서 '&lt;b&gt;현재 비디오 위치에 새 자막 삽입(Insert subtitle at video position and focus text box)&lt;/b&gt;' 선택&lt;br /&gt;(현재 한국어 선택했음에도 컨텍스트 메뉴가 영어로 표시되는 버그가 있는데 향후 수정될 겁니다)&lt;br /&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;03-01.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tDPKp/dJMcahxRix6/k3ObAAmU0nKLBFzkyWMvS0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tDPKp/dJMcahxRix6/k3ObAAmU0nKLBFzkyWMvS0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tDPKp/dJMcahxRix6/k3ObAAmU0nKLBFzkyWMvS0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtDPKp%2FdJMcahxRix6%2Fk3ObAAmU0nKLBFzkyWMvS0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - add script&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;03-01.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;3. 자막 시간 조정&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;텍스트 입력 후 오디오 파형에서 끝 부분을 드래그 해서 표시될 시간 조정&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;단축키를 설정 했다면, 오디오 파형에서 alt + 1, alt + 2 누르는 것으로 시간을 쉽게 설정 할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Subtitle Edit는 오디오 파형에서 자막 드래그로 겹쳐지지 않는데, 단축키로 끝나는 시간을 설정하면 겹치게 표시할 수 있습니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;03-02.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bt8pGo/dJMcabxBmSd/4kTYQ8tLPoMkgl0vEVIxR0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bt8pGo/dJMcabxBmSd/4kTYQ8tLPoMkgl0vEVIxR0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bt8pGo/dJMcabxBmSd/4kTYQ8tLPoMkgl0vEVIxR0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbt8pGo%2FdJMcabxBmSd%2F4kTYQ8tLPoMkgl0vEVIxR0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - set script time&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;03-02.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;자막 분리&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;AI를 이용해 '음성을 텍스트로 변환' 하는 등으로 긴 자막을 나누어야 할때, 텍스트 입력칸과 오디오파형 모두 나눌 위치를 선택하세요&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;텍스트 입력 칸에서 분리할 위치에 커서를 위치&lt;/li&gt;
&lt;li&gt;오디오파형에서 분리할 위치에 포커스를 위치시킨 뒤&lt;/li&gt;
&lt;li&gt;텍스트 입력칸이나 오디오파형 둘 중 아무데서 오른쪽 버튼을 눌러 컨텍스트 메뉴에서&lt;br /&gt;'비디오와 입력칸 위치에서 줄 나누기' 또는 'Split line at waveform head'를 선택하세요&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-03.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/kHWbT/dJMcaak90zn/EUab7OxeoNJuUhzYoNpJf0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/kHWbT/dJMcaak90zn/EUab7OxeoNJuUhzYoNpJf0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/kHWbT/dJMcaak90zn/EUab7OxeoNJuUhzYoNpJf0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkHWbT%2FdJMcaak90zn%2FEUab7OxeoNJuUhzYoNpJf0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - split text&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;08-03.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4. 자막 효과&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;ass(Advanced Sub Station Alpha) 형식의 자막을 사용하면 자막에 다양한 스타일을 줄 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아래 설명할 '스타일'은 전체적인 자막의 기본 스타일을 지정하는 것이고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;여기서 설명하는 자막 효과는 개별 자막에 {\b1}, {\b0} 같은 미리 지정된 문자를 자막 텍스트 내에 추가하여 효과를 주는 방식입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;예시) 특정 부분의 글자만 굵게, 이탤릭으로 표시&lt;br /&gt;자막의 {\b1}이 부분은 굵게{\b0} 표시되고,&lt;br /&gt;여기는 {\i1}이탤릭{\i0}으로 표시합니다&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;&lt;b&gt;TIP&lt;/b&gt;&lt;br /&gt;&lt;b&gt;기본 스타일이 굵게 또는 이탤릭 등으로 설정된 경우&lt;br /&gt;&lt;/b&gt;{\b1}, {\i1} 등의 태그를 쓰더라도 더 굵게 표시하거나 이탤릭으로 표시하지 않습니다&lt;br /&gt;{\b0}, {\i0} 태그가 끝나면 기본 스타일의 굵기나 이탤릭 등도 해제 됩니다&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자세한 &lt;b&gt;태그에 대한 내용&lt;/b&gt;은 아래 링크를 참고하세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780285136834&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Nikse.dk&quot; data-og-description=&quot;&quot; data-og-host=&quot;www.nikse.dk&quot; data-og-source-url=&quot;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&quot; data-og-url=&quot;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://www.nikse.dk/subtitleedit/formats/assa-override-tags&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Nikse.dk&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;www.nikse.dk&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;좀더 디테일하게 많은 스타일 작업을 하신다면 aegisub 자막편집기를 사용하세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;처음 자막 작성은 Subtitle Edit 가 가장 편하기 때문에 기본적인 자막 타이밍 작성을 Subtitle Edit로 하고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자막 효과는 aegisub 을 사용하는 것도 괜찮은 방법입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://aegisub.org/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://aegisub.org/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780286203869&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Advanced Subtitle Editor&quot; data-og-description=&quot;Aegisub is a free, cross-platform open source tool for creating and modifying subtitles. Aegisub makes it quick and easy to time subtitles to audio, and features many powerful tools for styling them, including a built-in real-time video preview.&quot; data-og-host=&quot;aegisub.org&quot; data-og-source-url=&quot;https://aegisub.org/&quot; data-og-url=&quot;https://aegisub.org/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bL5bkr/dJMb9hC8eSH/ZKPFZZ5JQeIvc7IZ1ac2K0/img.png?width=500&amp;amp;height=194&amp;amp;face=0_0_500_194,https://scrap.kakaocdn.net/dn/bwkxdV/dJMb9cBO3dP/JQPRaJXXsD343ZAJGF8f70/img.png?width=500&amp;amp;height=194&amp;amp;face=0_0_500_194&quot;&gt;&lt;a href=&quot;https://aegisub.org/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://aegisub.org/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bL5bkr/dJMb9hC8eSH/ZKPFZZ5JQeIvc7IZ1ac2K0/img.png?width=500&amp;amp;height=194&amp;amp;face=0_0_500_194,https://scrap.kakaocdn.net/dn/bwkxdV/dJMb9cBO3dP/JQPRaJXXsD343ZAJGF8f70/img.png?width=500&amp;amp;height=194&amp;amp;face=0_0_500_194');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Advanced Subtitle Editor&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Aegisub is a free, cross-platform open source tool for creating and modifying subtitles. Aegisub makes it quick and easy to time subtitles to audio, and features many powerful tools for styling them, including a built-in real-time video preview.&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;aegisub.org&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;스타일 설정&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Advanced Sub Station Alpha (*.ass) 형식은 글꼴, 색상, 크기, 위치 등을 다양하게 커스터마이징 할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자막 파일의 전체적인 스타일을 선언하는 것도 가능하고, 자막마다 글자마다 스타일을 다르게 바꾸는 것도 가능합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;우선 자막의 전체적인 스타일을 선언해서 기본적인 글꼴과 크기, 표시 위치를 설정하세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;툴바에서 [A] 아이콘을 누르면 스타일 설정 창이 뜹니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;만약 안보인다면 오른쪽 상단에서 형식을 Advanced Sub Station Alpha로 변경하세요&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;03-04.jpg&quot; data-origin-width=&quot;1199&quot; data-origin-height=&quot;879&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bnDREc/dJMcaicuSWl/Lldbk35sq2TtIogM8m50dk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bnDREc/dJMcaicuSWl/Lldbk35sq2TtIogM8m50dk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bnDREc/dJMcaicuSWl/Lldbk35sq2TtIogM8m50dk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbnDREc%2FdJMcaicuSWl%2FLldbk35sq2TtIogM8m50dk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style&quot; loading=&quot;lazy&quot; width=&quot;1199&quot; height=&quot;879&quot; data-filename=&quot;03-04.jpg&quot; data-origin-width=&quot;1199&quot; data-origin-height=&quot;879&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;글자 크기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;글자 크기는 절대값이라서 동영상의 해상도에 따라 해상도가 작으면 크게 보이고, 해상도가 크면 작게 보이게 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;1920x1080 해상도의 경우 60~80 정도가 일반적인 영화 자막 정도 크기로 적당하고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;방송에 보여질 가사의 경우 좀더 크게 보이게 하려면 80 이상으로 설정하시면 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;음악 방송처럼 가사를 좀더 작게 보이게 하려면 40~60 사이로 설정하시면 될 것 같습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageslideblock alignCenter&quot; data-image=&quot;[{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/biQ52U/dJMcaaS2aaI/TKeTP65nO3mwfgDOK9Zi5K/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/bqIbQT/dJMcaayKjab/WqWXeewHNEJ1RQwBClO9C0/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/CYTDx/dJMcahq6QLZ/5Axz5OBdqsTia2rlC5uKEK/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/cdwMrH/dJMcaaS2aaJ/dB0STk4rjegM1ku6uhDsaK/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/eBHSvg/dJMcaiKePoo/5DBqghH6YoIBZXq7rhzEyk/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/bLJvB0/dJMcahq6QL0/S6DqISxdN3GZkc7MyZhd01/img.jpg&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/cJvb9m/dJMcaaS2aaK/A98kqKoa9ZzDoBv52cyv7k/img.jpg&amp;quot;}]&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span class=&quot;image-wrap selected&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/biQ52U/dJMcaaS2aaI/TKeTP65nO3mwfgDOK9Zi5K/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/biQ52U/dJMcaaS2aaI/TKeTP65nO3mwfgDOK9Zi5K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/biQ52U/dJMcaaS2aaI/TKeTP65nO3mwfgDOK9Zi5K/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbiQ52U%2FdJMcaaS2aaI%2FTKeTP65nO3mwfgDOK9Zi5K%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bqIbQT/dJMcaayKjab/WqWXeewHNEJ1RQwBClO9C0/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/bqIbQT/dJMcaayKjab/WqWXeewHNEJ1RQwBClO9C0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bqIbQT/dJMcaayKjab/WqWXeewHNEJ1RQwBClO9C0/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqIbQT%2FdJMcaayKjab%2FWqWXeewHNEJ1RQwBClO9C0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/CYTDx/dJMcahq6QLZ/5Axz5OBdqsTia2rlC5uKEK/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/CYTDx/dJMcahq6QLZ/5Axz5OBdqsTia2rlC5uKEK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/CYTDx/dJMcahq6QLZ/5Axz5OBdqsTia2rlC5uKEK/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCYTDx%2FdJMcahq6QLZ%2F5Axz5OBdqsTia2rlC5uKEK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cdwMrH/dJMcaaS2aaJ/dB0STk4rjegM1ku6uhDsaK/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/cdwMrH/dJMcaaS2aaJ/dB0STk4rjegM1ku6uhDsaK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cdwMrH/dJMcaaS2aaJ/dB0STk4rjegM1ku6uhDsaK/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcdwMrH%2FdJMcaaS2aaJ%2FdB0STk4rjegM1ku6uhDsaK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/eBHSvg/dJMcaiKePoo/5DBqghH6YoIBZXq7rhzEyk/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/eBHSvg/dJMcaiKePoo/5DBqghH6YoIBZXq7rhzEyk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/eBHSvg/dJMcaiKePoo/5DBqghH6YoIBZXq7rhzEyk/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FeBHSvg%2FdJMcaiKePoo%2F5DBqghH6YoIBZXq7rhzEyk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bLJvB0/dJMcahq6QL0/S6DqISxdN3GZkc7MyZhd01/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/bLJvB0/dJMcahq6QL0/S6DqISxdN3GZkc7MyZhd01/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bLJvB0/dJMcahq6QL0/S6DqISxdN3GZkc7MyZhd01/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbLJvB0%2FdJMcahq6QL0%2FS6DqISxdN3GZkc7MyZhd01%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cJvb9m/dJMcaaS2aaK/A98kqKoa9ZzDoBv52cyv7k/img.jpg&quot; data-url=&quot;https://blog.kakaocdn.net/dn/cJvb9m/dJMcaaS2aaK/A98kqKoa9ZzDoBv52cyv7k/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cJvb9m/dJMcaaS2aaK/A98kqKoa9ZzDoBv52cyv7k/img.jpg&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcJvb9m%2FdJMcaaS2aaK%2FA98kqKoa9ZzDoBv52cyv7k%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-is-animation=&quot;false&quot;/&gt;&lt;/span&gt;&lt;button class=&quot;btn btn-prev&quot;&gt;&lt;span class=&quot;ico-prev&quot;&gt;이전&lt;/span&gt;&lt;/button&gt;&lt;button class=&quot;btn btn-next&quot;&gt;&lt;span class=&quot;ico-next&quot;&gt;다음&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;
  &lt;div class=&quot;mark&quot;&gt;&lt;span data-index=&quot;0&quot;&gt;0&lt;/span&gt;&lt;span data-index=&quot;1&quot;&gt;1&lt;/span&gt;&lt;span data-index=&quot;2&quot;&gt;2&lt;/span&gt;&lt;span data-index=&quot;3&quot;&gt;3&lt;/span&gt;&lt;span data-index=&quot;4&quot;&gt;4&lt;/span&gt;&lt;span data-index=&quot;5&quot;&gt;5&lt;/span&gt;&lt;span data-index=&quot;6&quot;&gt;6&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-03.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/n2NwF/dJMcaiwKlcZ/DIu7V7wFB57KcG9H4a5FgK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/n2NwF/dJMcaiwKlcZ/DIu7V7wFB57KcG9H4a5FgK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/n2NwF/dJMcaiwKlcZ/DIu7V7wFB57KcG9H4a5FgK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fn2NwF%2FdJMcaiwKlcZ%2FDIu7V7wFB57KcG9H4a5FgK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style - align&quot; loading=&quot;lazy&quot; width=&quot;328&quot; height=&quot;185&quot; data-filename=&quot;04-03.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;정렬&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;정렬에 있는 9개 라디오 버튼은 영상을 9개 구역으로 나눴을때 위치를 표현하는 설정입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;영화나 드라마 같은 경우 하단 가운데에 표시되지만, 노래의 경우 일반적으로 왼쪽 하단으로 표시됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-04.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgdVqV/dJMcadIS3mB/1GU9Zw2YkWheKKkzKKH8TK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgdVqV/dJMcadIS3mB/1GU9Zw2YkWheKKkzKKH8TK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgdVqV/dJMcadIS3mB/1GU9Zw2YkWheKKkzKKH8TK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgdVqV%2FdJMcadIS3mB%2F1GU9Zw2YkWheKKkzKKH8TK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style - margin&quot; loading=&quot;lazy&quot; width=&quot;328&quot; height=&quot;185&quot; data-filename=&quot;04-04.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;마진&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자막이 영상 내에서 상하좌우 여백을 표시합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;마진이 너무 작으면 영상 외곽에 딱 붙어서 보이게 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;1920x1080을 기준으로 대략 30~50정도 여백이면 적절 할 것 같습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;스타일 활용&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;스타일은 여러개 선언 할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이를 다양하게 활용해서 자막은 다양하게 표시할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;스타일 활용에 대해 더 알아보기&lt;/b&gt;&lt;/p&gt;
&lt;div data-ke-type=&quot;moreLess&quot; data-text-more=&quot;더보기&quot; data-text-less=&quot;닫기&quot;&gt;&lt;a class=&quot;btn-toggle-moreless&quot;&gt;더보기&lt;/a&gt;
&lt;div class=&quot;moreless-content&quot;&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;예를들어 아래와 같이 자막을 표시하는 경우가 많습니다&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;첫재줄 가사가 나오고 그 밑에 둘째줄 가사가 나오는 방식&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-06-01.gif&quot; data-origin-width=&quot;450&quot; data-origin-height=&quot;100&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/TtIHw/dJMcabj8C7Y/fEqu23CzLItp4iMdnS2TWK/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/TtIHw/dJMcabj8C7Y/fEqu23CzLItp4iMdnS2TWK/img.gif&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/TtIHw/dJMcabj8C7Y/fEqu23CzLItp4iMdnS2TWK/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/TtIHw/dJMcabj8C7Y/fEqu23CzLItp4iMdnS2TWK/img.gif&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style usage - example script&quot; loading=&quot;lazy&quot; width=&quot;450&quot; height=&quot;100&quot; data-filename=&quot;04-06-01.gif&quot; data-origin-width=&quot;450&quot; data-origin-height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;1번 방법 : 중복 가사 활용&lt;/b&gt;&lt;/h4&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;간단하게 한다면 첫번째 자막에는 1번줄만, 두번째 자막은 1&amp;amp;2번줄을 모두 포함하는 것으로 만들 수 있습니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;이 방법이 괜찮다면 이 아래 글은 넘기셔도 됩니다&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-06-05.jpg&quot; data-origin-width=&quot;706&quot; data-origin-height=&quot;96&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bAq6vD/dJMcaf7PmRX/irlbNA6PTie65RzAXLbWR0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bAq6vD/dJMcaf7PmRX/irlbNA6PTie65RzAXLbWR0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bAq6vD/dJMcaf7PmRX/irlbNA6PTie65RzAXLbWR0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbAq6vD%2FdJMcaf7PmRX%2FirlbNA6PTie65RzAXLbWR0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style usage&quot; loading=&quot;lazy&quot; width=&quot;706&quot; height=&quot;96&quot; data-filename=&quot;04-06-05.jpg&quot; data-origin-width=&quot;706&quot; data-origin-height=&quot;96&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/q6A91/dJMcabdhbob/3pNFzzkPRSxyhwOh18GLfK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/q6A91/dJMcabdhbob/3pNFzzkPRSxyhwOh18GLfK/img.jpg&quot; style=&quot;width: 49.3888%; margin-right: 10px;&quot; data-widthpercent=&quot;50&quot; data-filename=&quot;04-06-02.jpg&quot; data-origin-height=&quot;100&quot; data-origin-width=&quot;450&quot; data-is-animation=&quot;false&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/q6A91/dJMcabdhbob/3pNFzzkPRSxyhwOh18GLfK/img.jpg&quot; alt=&quot;Subtitle Edit - style usage - example script&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fq6A91%2FdJMcabdhbob%2F3pNFzzkPRSxyhwOh18GLfK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;450&quot; height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bRAvhO/dJMcacQOuNo/9YHY8j5T3oVMVMKQ0WVDJ1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bRAvhO/dJMcacQOuNo/9YHY8j5T3oVMVMKQ0WVDJ1/img.jpg&quot; style=&quot;width: 49.3888%;&quot; data-widthpercent=&quot;50&quot; data-filename=&quot;04-06-03.jpg&quot; data-origin-height=&quot;100&quot; data-origin-width=&quot;450&quot; data-is-animation=&quot;false&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bRAvhO/dJMcacQOuNo/9YHY8j5T3oVMVMKQ0WVDJ1/img.jpg&quot; alt=&quot;Subtitle Edit - style usage - example script&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbRAvhO%2FdJMcacQOuNo%2F9YHY8j5T3oVMVMKQ0WVDJ1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;450&quot; height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;첫번째 자막 내용 / 두번째 자막 내용 예시&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;2번 방법 : 스타일 활용 가사 중복 없이 작성&lt;/b&gt;&lt;/h4&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;하지만 스타일을 활용하면 1번줄을 중복해서 작성하지 않고도 스타일만 변경해서 만들 수 있습니다&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;스타일을 1번줄용, 2번줄용으로 2개를 만들어 자막 위치(마진으로 조정)를 따로 지정하고,&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;두 자막의 끝나는 시간을 동일하게 맞추면 됩니다&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;702&quot; data-origin-height=&quot;79&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/6P8ES/dJMcacJ7EjL/YvGtEJkkw7IKfKjk8b3Evk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/6P8ES/dJMcacJ7EjL/YvGtEJkkw7IKfKjk8b3Evk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/6P8ES/dJMcacJ7EjL/YvGtEJkkw7IKfKjk8b3Evk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6P8ES%2FdJMcacJ7EjL%2FYvGtEJkkw7IKfKjk8b3Evk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit - style usage&quot; loading=&quot;lazy&quot; width=&quot;702&quot; height=&quot;79&quot; data-origin-width=&quot;702&quot; data-origin-height=&quot;79&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Isjhv/dJMcadoBjYR/w0knKk81kMsdk0dM7z4st1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Isjhv/dJMcadoBjYR/w0knKk81kMsdk0dM7z4st1/img.jpg&quot; style=&quot;width: 49.3888%; margin-right: 10px;&quot; data-widthpercent=&quot;50&quot; data-filename=&quot;04-06-02.jpg&quot; data-origin-height=&quot;100&quot; data-origin-width=&quot;450&quot; data-is-animation=&quot;false&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Isjhv/dJMcadoBjYR/w0knKk81kMsdk0dM7z4st1/img.jpg&quot; alt=&quot;Subtitle Edit - style usage - example script&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIsjhv%2FdJMcadoBjYR%2Fw0knKk81kMsdk0dM7z4st1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;450&quot; height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cMbgae/dJMcabxBoK0/qfo8NEZA9XhR4aEPoKpEYk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cMbgae/dJMcabxBoK0/qfo8NEZA9XhR4aEPoKpEYk/img.jpg&quot; style=&quot;width: 49.3888%;&quot; data-widthpercent=&quot;50&quot; data-filename=&quot;04-06-04.jpg&quot; data-origin-height=&quot;100&quot; data-origin-width=&quot;450&quot; data-is-animation=&quot;false&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cMbgae/dJMcabxBoK0/qfo8NEZA9XhR4aEPoKpEYk/img.jpg&quot; alt=&quot;Subtitle Edit - style usage - example script&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcMbgae%2FdJMcabxBoK0%2Fqfo8NEZA9XhR4aEPoKpEYk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;450&quot; height=&quot;100&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;첫번째 자막 내용 / 두번째 자막 내용 예시&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;스타일 설정&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Line1 세로 값을 140 으로 여백을 많이 주면 위쪽에 위치하게 되고&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Line2 세로 값을 50 정도로 여백을 적게 주면 아래쪽에 위치하게 됩니다&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-07.jpg&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;1760&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/btmOHf/dJMcah5IGtf/Zr1MBXYQDrNWqPnIxNrP30/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/btmOHf/dJMcah5IGtf/Zr1MBXYQDrNWqPnIxNrP30/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/btmOHf/dJMcah5IGtf/Zr1MBXYQDrNWqPnIxNrP30/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbtmOHf%2FdJMcah5IGtf%2FZr1MBXYQDrNWqPnIxNrP30%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;1760&quot; data-filename=&quot;04-07.jpg&quot; data-origin-width=&quot;1200&quot; data-origin-height=&quot;1760&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;자막 시간 설정&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;단축키 설정을 하거나, 설정 &amp;rarr; (이동/크기 조정 시) 겹치기 허용을 체크 해야 됩니다&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;Line2 가사가 끝나는 시간으로 이동&lt;/li&gt;
&lt;li&gt;Line1 가사와 Line2 가사 둘다 끝나는 시간 설정하는 단축키(alt + 2)를 눌러&lt;br /&gt;(두 가사의 끝나는 시간이 동일 해야 같이 사라집니다)&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아래 스크린샷을 비교하면 두개의 자막은 각각 자막 내용이 다르지만 끝나는 시간을 동일하게 맞추면 동시에 표시되는걸 볼 수 있습니다&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-08.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ctcMQQ/dJMcab5sJKc/IguDv4RiqUMyMBoCb6IPX0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ctcMQQ/dJMcab5sJKc/IguDv4RiqUMyMBoCb6IPX0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ctcMQQ/dJMcab5sJKc/IguDv4RiqUMyMBoCb6IPX0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FctcMQQ%2FdJMcab5sJKc%2FIguDv4RiqUMyMBoCb6IPX0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;04-08.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;04-09.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xJgNM/dJMcafNCnwm/x7c3KkpqvYjygr6Yg8Zjn1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xJgNM/dJMcafNCnwm/x7c3KkpqvYjygr6Yg8Zjn1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xJgNM/dJMcafNCnwm/x7c3KkpqvYjygr6Yg8Zjn1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxJgNM%2FdJMcafNCnwm%2Fx7c3KkpqvYjygr6Yg8Zjn1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1418&quot; height=&quot;752&quot; data-filename=&quot;04-09.jpg&quot; data-origin-width=&quot;1418&quot; data-origin-height=&quot;752&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;

&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr id=&quot;how-to-ai&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;AI 이용하는 방법&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Subtitle Edit은 다양한 AI를 이용할 수 있는 기능이 잘 구현되어 있어 손쉽게 사용할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 id=&quot;speech-to-text&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. 음성을 텍스트로 변환 (Speech to Text)&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;LLM 이전에는 유료로 사용해야 좋은 결과를 얻을 수 있는 음성인식 기능을 지금은 개인 컴퓨터로도 좋은 결과를 얻을 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;대부분 어떤걸 선택해도 음성인식 자체는 괜찮은 결과를 내놓기 때문에 어렵지는 않습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;(각종 효과음이나 음악이 많거나 또는 발음이 알아듣기 힘든 경우 등 음성인식이 어려운 수준의 경우 결과가 안좋을 수 있습니다)&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;다만, 자막 위치가 음성과 정확히 매칭이 되지 않는 경우가 많아서 이 부분은 수작업으로 교정 해야 됩니다&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;메뉴에서 '&lt;b&gt;비디오(V) &amp;rarr; 음성을 텍스트로 변환(S)&lt;/b&gt;'을 눌러 시작할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;설정&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;NVidia 사용자&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;엔진 : Purfview Faster Whisper (XXL) 추천&lt;/li&gt;
&lt;li&gt;입력 언어 : 인식하려는 음성 언어에 따라 선택&lt;/li&gt;
&lt;li&gt;모델 : small 또는 medium (컴퓨터 성능에 따라 선택)&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;엔진 선택후 ①번 버튼을 눌러 &lt;b&gt;엔진을 다운로드&lt;/b&gt; 받고&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;모델 선택후 ②번 버튼을 눌러 &lt;b&gt;모델을 다운로드&lt;/b&gt; 받으면 준비 끝&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-02-1.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bGgqss/dJMcaaS2eS7/ZgXe5uyWEFGxvVB49feT00/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bGgqss/dJMcaaS2eS7/ZgXe5uyWEFGxvVB49feT00/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bGgqss/dJMcaaS2eS7/ZgXe5uyWEFGxvVB49feT00/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbGgqss%2FdJMcaaS2eS7%2FZgXe5uyWEFGxvVB49feT00%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1100&quot; height=&quot;710&quot; data-filename=&quot;07-02-1.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;AMD 라데온 사용자&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;엔진 : Whisper CPP 추천&lt;/li&gt;
&lt;li&gt;백엔드 : Vulkan&lt;/li&gt;
&lt;li&gt;모델 : small 또는 medium (컴퓨터 성능에 따라 선택)&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;엔진 선택 후 ①번 버튼 클릭하여 다운로드&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;모델 선택 후 ②번 버튼 클릭하여 다운로드&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-01.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rjMHQ/dJMcab5sLw6/JtwTTXHXAxMIjsGgNToKC1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rjMHQ/dJMcab5sLw6/JtwTTXHXAxMIjsGgNToKC1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rjMHQ/dJMcab5sLw6/JtwTTXHXAxMIjsGgNToKC1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrjMHQ%2FdJMcab5sLw6%2FJtwTTXHXAxMIjsGgNToKC1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1100&quot; height=&quot;710&quot; data-filename=&quot;07-01.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-02.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dToEx7/dJMcahxRn5h/H9byDsqEVLZTDKvgijzAI1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dToEx7/dJMcahxRn5h/H9byDsqEVLZTDKvgijzAI1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dToEx7/dJMcahxRn5h/H9byDsqEVLZTDKvgijzAI1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdToEx7%2FdJMcahxRn5h%2FH9byDsqEVLZTDKvgijzAI1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1100&quot; height=&quot;710&quot; data-filename=&quot;07-02.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-05.jpg&quot; data-origin-width=&quot;400&quot; data-origin-height=&quot;423&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/t6yJd/dJMcageDIpr/laqzn04nDyc5qSel0KtM1K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/t6yJd/dJMcageDIpr/laqzn04nDyc5qSel0KtM1K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/t6yJd/dJMcageDIpr/laqzn04nDyc5qSel0KtM1K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Ft6yJd%2FdJMcageDIpr%2Flaqzn04nDyc5qSel0KtM1K%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;400&quot; height=&quot;423&quot; data-filename=&quot;07-05.jpg&quot; data-origin-width=&quot;400&quot; data-origin-height=&quot;423&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;&lt;br /&gt;후처리&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;AI로 음성인식하면 시간과 텍스트를 추출되는데, 후처리로 시간이나 짧은 문장을 합치거나 하는 작업을 처리하게 할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;다만 개인적으로 써봤을때 후처리로 얻은 결과가 오히려 더 수정해야할게 많았습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;노래가사의 경우 후처리를 아예 끄고 작업을 하는걸 추천&lt;/b&gt;&lt;/span&gt;합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;텍스트 변환&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;설정이 끝나면 '텍스트 변환' 버튼을 누르면 자동으로 작업이 시작됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;CPU로 작업이 되면 25분 영상도 40분 이상 걸리는데,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;그래픽카드로 작업이 제대로 된다면 25분 영상도 5~6분 이전에 끝납니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;작업 시간이 오래 걸린다면 CPU로 작업 되는것이 아닌지 확인해보세요&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-03.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/qDjk9/dJMcahxRn5i/rKj3ikJeCtUD4Uj32YSXJk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/qDjk9/dJMcahxRn5i/rKj3ikJeCtUD4Uj32YSXJk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/qDjk9/dJMcahxRn5i/rKj3ikJeCtUD4Uj32YSXJk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqDjk9%2FdJMcahxRn5i%2FrKj3ikJeCtUD4Uj32YSXJk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit Speech to Text AI Convert&quot; loading=&quot;lazy&quot; width=&quot;1100&quot; height=&quot;710&quot; data-filename=&quot;07-03.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;07-04.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/NWKAG/dJMcabRS2DC/kBQo0DAaDBhgYldlbXQyWk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/NWKAG/dJMcabRS2DC/kBQo0DAaDBhgYldlbXQyWk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NWKAG/dJMcabRS2DC/kBQo0DAaDBhgYldlbXQyWk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNWKAG%2FdJMcabRS2DC%2FkBQo0DAaDBhgYldlbXQyWk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit Speech to Text Result&quot; loading=&quot;lazy&quot; width=&quot;1100&quot; height=&quot;710&quot; data-filename=&quot;07-04.jpg&quot; data-origin-width=&quot;1100&quot; data-origin-height=&quot;710&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 id=&quot;auto-translate&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. 자동 번역&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;번역할 자막이 준비 되면, 메뉴에서 번역(A) &amp;rarr; 자동 번역(A)을 눌러 자동번역을 시작할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;AI 엔진 &amp;amp; 모델 다운로드&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;설정 '음성을 텍스트로 변환' 할때와 마찬가지로 엔진과 모델을 다운로드 받아서 설치해야 합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자신이 AI 서비스를 쓰고 있다면 해당 서비스 선택후 API KEY를 입력해서 사용할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;또는 자신이 컴퓨터로 실행하는 AI 서버가 있다면 해당 서버를 이용할 수도 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;여기서는&amp;nbsp;llama.cpp 를 선택하여 다른 준비 없이도 로컬로 번역을 할 수 있는 기능을 사용하겠습니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;모델은 TranslateGemma 4B 아무거나 선택하시면 되고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;컴퓨터가 좋다면 TranslateGemma 12B 를 선택해도 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;결과가 마음에 들지 않는다면 다른 모델을 선택해서 시도해보세요&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-01.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/LJC5Q/dJMcagyUYBm/akGQHlLKp27VGvjQnsppq1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/LJC5Q/dJMcagyUYBm/akGQHlLKp27VGvjQnsppq1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/LJC5Q/dJMcagyUYBm/akGQHlLKp27VGvjQnsppq1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLJC5Q%2FdJMcagyUYBm%2FakGQHlLKp27VGvjQnsppq1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit Auto translate setting&quot; loading=&quot;lazy&quot; width=&quot;1050&quot; height=&quot;810&quot; data-filename=&quot;08-01.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-02.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Rxogu/dJMcaak90zm/8zos1mPWkPfmQh8SWzT1c1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Rxogu/dJMcaak90zm/8zos1mPWkPfmQh8SWzT1c1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Rxogu/dJMcaak90zm/8zos1mPWkPfmQh8SWzT1c1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRxogu%2FdJMcaak90zm%2F8zos1mPWkPfmQh8SWzT1c1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit Auto translate setting&quot; loading=&quot;lazy&quot; width=&quot;1050&quot; height=&quot;810&quot; data-filename=&quot;08-02.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;모델을 선택했다면 다운로드를 눌러 설치하면 됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-03.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/5GbFa/dJMcah5ILIE/kclMZC4T8fkzPOP7zvBzRk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/5GbFa/dJMcah5ILIE/kclMZC4T8fkzPOP7zvBzRk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/5GbFa/dJMcah5ILIE/kclMZC4T8fkzPOP7zvBzRk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5GbFa%2FdJMcah5ILIE%2FkclMZC4T8fkzPOP7zvBzRk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit Auto translate setting - download model&quot; loading=&quot;lazy&quot; width=&quot;1050&quot; height=&quot;810&quot; data-filename=&quot;08-03.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;모델 다운로드가 다 끝났다면 'Start Server' 버튼을 눌러 로컬 서버를 실행합니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;서버가 시작되는데&amp;nbsp; 약간 시간이 걸립니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;모든 작업이 다 끝난 경우 'Stop Server' 버튼을 눌러 서버를 종료하시기 바랍니다&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-04.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bZ1g06/dJMcajh6D3w/9lryp8aBPVzRbyel8AtK20/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bZ1g06/dJMcajh6D3w/9lryp8aBPVzRbyel8AtK20/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bZ1g06/dJMcajh6D3w/9lryp8aBPVzRbyel8AtK20/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbZ1g06%2FdJMcajh6D3w%2F9lryp8aBPVzRbyel8AtK20%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1050&quot; height=&quot;810&quot; data-filename=&quot;08-04.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;모든 준비가 끝나면 '번역' 버튼을 누르면 번역이 시작됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;08-05.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfm9xR/dJMcahdyExB/9JK0iel29ekUEirVYu7HLk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfm9xR/dJMcahdyExB/9JK0iel29ekUEirVYu7HLk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfm9xR/dJMcahdyExB/9JK0iel29ekUEirVYu7HLk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbfm9xR%2FdJMcahdyExB%2F9JK0iel29ekUEirVYu7HLk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;Subtitle Edit auto translate&quot; loading=&quot;lazy&quot; width=&quot;1050&quot; height=&quot;810&quot; data-filename=&quot;08-05.jpg&quot; data-origin-width=&quot;1050&quot; data-origin-height=&quot;810&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr id=&quot;subtitle-in-video&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;자막이 삽입된 영상 만들기 / 투명 영상 만들기&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;&lt;a title=&quot;ffmpeg을 이용해 자동으로 크로마키/투명 영상 만들기&quot; href=&quot;https://kais.tistory.com/entry/automatically-create-chromakey-mp4-and-transparent-mov-videos-using-ffmpeg&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;이전 포스트에서는 ffmpeg 을 이용해 배치 파일로 생성&lt;/a&gt;하는 것을 설명&lt;/b&gt;했는데,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;해당 방법은 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;오디오만 들어간 영상을 VLC 미디어 플레이어를 이용해 자막을 표시하는 방법&lt;/b&gt;&lt;/span&gt;이었습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;여기서 소개할 방법은&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;Subtitle Edit 에서는 자체 기능으로 영상에 자막이 삽입된 비디오 또는 자막이 삽입된 투명 비디오를 만드는 방법입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;영상 자체를 OBS 등 방송 프로그램에 동영상 소스를 추가하는 것으로 쉽게 재생할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;참고로, '투명 비디오 영상'에는 오디오가 들어가지 않습니다&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;작업을 시작하기 앞서,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;스타일을 통해 글자 크기와 위치 등을 미리 설정 하시기 바랍니다 &lt;br /&gt;설정된&amp;nbsp;스타일을&amp;nbsp;기준으로&amp;nbsp;영상에&amp;nbsp;자막이&amp;nbsp;포함됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. 자막이 삽입된 비디오 생성&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;'동영상(V) &amp;rarr; 자막이 삽입된 투명 비디오 생성'&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;설정 창에서 '인코딩'을 눌러 본인 그래픽카드 종류에 맞는 항목을 선택하세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;일반적으로 h.264가 많이 사용됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;오디오 비트전송률을 192k 또는 320k로 설정하고 '생성'을 누르면 영상이 만들어 집니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;09-01.jpg&quot; data-origin-width=&quot;1075&quot; data-origin-height=&quot;798&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/DwwEx/dJMcajvEJCh/foZ3YWqfB3O79uZah8SUE0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/DwwEx/dJMcajvEJCh/foZ3YWqfB3O79uZah8SUE0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/DwwEx/dJMcajvEJCh/foZ3YWqfB3O79uZah8SUE0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDwwEx%2FdJMcajvEJCh%2FfoZ3YWqfB3O79uZah8SUE0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1075&quot; height=&quot;798&quot; data-filename=&quot;09-01.jpg&quot; data-origin-width=&quot;1075&quot; data-origin-height=&quot;798&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. 자막이 삽입된 투명 비디오 생성&lt;span style=&quot;color: #ee2323;&quot;&gt; (오디오&amp;nbsp;없음)&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;'동영상(V) &amp;rarr; 투명 배경 자막 비디오 생성(자막이 삽입된 투명 비디오 생성)&lt;b&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;설정 값은 매번 창을 열때마다 초기화 되기 때문에 꼭 확인 후 생성하세요&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;자막 스타일만 설정하고 생성을 누르면 비디오가 생성됩니다&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;&lt;b&gt;TIP&lt;/b&gt;&lt;br /&gt;&lt;b&gt;자막의 글자 크기와 여백은 (1) 스타일 설정 (2) 자막/투명 비디오 생성 설정의 두군데 모두 영향을 줍니다&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;투명 비디오 생성 설정 창에서 '&lt;b&gt;글자 크기 요소&lt;/b&gt;'는 0~1 사이의 값으로 스타일에 설정된 글자를 비율적으로 크게/작게 표시합니다&lt;br /&gt;0.5를 1배라고 생각하시고, 0.5보다 크면 스타일보다 글자 크기가 커지고, 0.5보다 작으면 스타일보다 작게 표시됩니다&lt;br /&gt;&lt;br /&gt;&lt;b&gt;마진(여백)은 비디오 생성 설정 창에서 설정된 값으로 덮어쓰기 됩니다&lt;/b&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>정보/IT 이야기</category>
      <category>auto translate</category>
      <category>Speech to Text</category>
      <category>Subtitle Edit</category>
      <category>transparent video</category>
      <category>음성인식</category>
      <category>자동번역</category>
      <category>자막</category>
      <category>자막 삽입된 영상</category>
      <category>자막 편집 프로그램</category>
      <category>투명 영상</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/222</guid>
      <comments>https://kais.tistory.com/entry/How-to-Use-Subtitle-Edit-Free-AI-Speech-Recognition-and-Automatic-Translation#entry222comment</comments>
      <pubDate>Mon, 1 Jun 2026 02:34:20 +0900</pubDate>
    </item>
    <item>
      <title>ffmpeg 이용하여 자동으로 크로마키 mp4, 투명 mov 영상 만들기</title>
      <link>https://kais.tistory.com/entry/automatically-create-chromakey-mp4-and-transparent-mov-videos-using-ffmpeg</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;01.jpg&quot; data-origin-width=&quot;1024&quot; data-origin-height=&quot;1024&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/er8cgK/dJMcahYTjqo/fNGgAYjUt2vXDQQKJkTzA0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/er8cgK/dJMcahYTjqo/fNGgAYjUt2vXDQQKJkTzA0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/er8cgK/dJMcahYTjqo/fNGgAYjUt2vXDQQKJkTzA0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fer8cgK%2FdJMcahYTjqo%2FfNGgAYjUt2vXDQQKJkTzA0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;301&quot; height=&quot;301&quot; data-filename=&quot;01.jpg&quot; data-origin-width=&quot;1024&quot; data-origin-height=&quot;1024&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;영상은 아무것도 표시되지 않지만, 선택한 오디오가 포함된 영상을 만드는 방법입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;사용 방법&lt;/b&gt;&lt;/h2&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;크로마키 영상을 만들 오디오나 비디오 파일을 &lt;b&gt;여러개 선택&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt; 배치 파일&lt;/b&gt;로 &lt;b&gt;드래그 앤 드랍&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;결과 영상은 드래그 앤 드랍한 파일의 이름으로 output 폴더에 &lt;b&gt;자동 생성&lt;/b&gt; 됩니다&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;만드는 방법&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. 작업 폴더 만들기&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;ffmpeg, 초록색 크로마키 이미지, 배치 파일, 출력 영상 등을 저장할 폴더를 만드세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. ffmpeg 설치&lt;/b&gt;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;2-1. ffmpeg 다운로드&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;ffmpeg이 설치된 분들은 3번으로 넘어가세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;설치 되지 않은 분들은 아래 링크에서 다운로드 받으세요&lt;br /&gt;다운로드&amp;nbsp;페이지&amp;nbsp;들어가면&amp;nbsp;&lt;b&gt;...-win64-gpl-shared.zip&lt;/b&gt; 로 끝나는 파일을 받아서 작업 폴더에 압축을 해제 합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;설치 하지 않고도 포터블로 실행 가능한 버전입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://www.ffmpeg.org/download.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.ffmpeg.org/download.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780147285559&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Download FFmpeg&quot; data-og-description=&quot;If you find FFmpeg useful, you are welcome to contribute by donating. More downloading options Git Repositories Since FFmpeg is developed with Git, multiple repositories from developers and groups of developers are available. Release Verification All FFmpe&quot; data-og-host=&quot;www.ffmpeg.org&quot; data-og-source-url=&quot;https://www.ffmpeg.org/download.html&quot; data-og-url=&quot;https://www.ffmpeg.org/download.html&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://www.ffmpeg.org/download.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://www.ffmpeg.org/download.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Download FFmpeg&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;If you find FFmpeg useful, you are welcome to contribute by donating. More downloading options Git Repositories Since FFmpeg is developed with Git, multiple repositories from developers and groups of developers are available. Release Verification All FFmpe&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;www.ffmpeg.org&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;01-01-ffmpeg-install.jpg&quot; data-origin-width=&quot;1440&quot; data-origin-height=&quot;917&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/CA73E/dJMcaftfati/KBqXlO2HZ9aqX4cqt2YpfK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/CA73E/dJMcaftfati/KBqXlO2HZ9aqX4cqt2YpfK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/CA73E/dJMcaftfati/KBqXlO2HZ9aqX4cqt2YpfK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCA73E%2FdJMcaftfati%2FKBqXlO2HZ9aqX4cqt2YpfK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1440&quot; height=&quot;917&quot; data-filename=&quot;01-01-ffmpeg-install.jpg&quot; data-origin-width=&quot;1440&quot; data-origin-height=&quot;917&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;2-2. 폴더 이름 변경&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;긴 폴더 이름을 ffmpeg 으로 변경하세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;최종적으로 &lt;b&gt;오른쪽&lt;/b&gt;과 같은 폴더 구조가 되어야 합니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;02.png&quot; data-origin-width=&quot;620&quot; data-origin-height=&quot;169&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/RHsls/dJMcabxA3Ob/8aJV5LnnUruaXGXSpYF4L0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/RHsls/dJMcabxA3Ob/8aJV5LnnUruaXGXSpYF4L0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/RHsls/dJMcabxA3Ob/8aJV5LnnUruaXGXSpYF4L0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRHsls%2FdJMcabxA3Ob%2F8aJV5LnnUruaXGXSpYF4L0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;620&quot; height=&quot;169&quot; data-filename=&quot;02.png&quot; data-origin-width=&quot;620&quot; data-origin-height=&quot;169&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;03.jpg&quot; data-origin-width=&quot;616&quot; data-origin-height=&quot;154&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bXDVqd/dJMcahxQYLK/Hl7OFSZ9IA6q3cPzA5N0k0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bXDVqd/dJMcahxQYLK/Hl7OFSZ9IA6q3cPzA5N0k0/img.jpg&quot; data-alt=&quot;최종적으로 작업 폴더내 파일들 구조 (아래에 번외로 추가한 투명 영상 만들기 버전 포함)&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bXDVqd/dJMcahxQYLK/Hl7OFSZ9IA6q3cPzA5N0k0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbXDVqd%2FdJMcahxQYLK%2FHl7OFSZ9IA6q3cPzA5N0k0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;616&quot; height=&quot;154&quot; data-filename=&quot;03.jpg&quot; data-origin-width=&quot;616&quot; data-origin-height=&quot;154&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;최종적으로 작업 폴더내 파일들 구조 (아래에 번외로 추가한 투명 영상 만들기 버전 포함)&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;3. 초록색 크로마키 이미지 만들기&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;초록색 이미지를 영상 해상도에 맞는 크기로 만들고, &lt;b&gt;green-1920x1080.png 파일&lt;/b&gt;로 저장합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;또는 아래 파일을 받아서 작업 폴더에 풀어주세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;다른 이름 또는 해상도로 할 경우 아래 배치 파일의 이름을 수정하세요&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;fileblock&quot; data-ke-align=&quot;alignCenter&quot;&gt;&lt;a href=&quot;https://blog.kakaocdn.net/dn/bV5pzj/dJMcadhVgCD/p4X3hFYEHrHuKxR6K730o1/green-1920x1080.zip?attach=1&amp;amp;knm=tfile.zip&quot; class=&quot;&quot;&gt;
    &lt;div class=&quot;image&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;desc&quot;&gt;&lt;div class=&quot;filename&quot;&gt;&lt;span class=&quot;name&quot;&gt;green-1920x1080.zip&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;size&quot;&gt;0.00MB&lt;/div&gt;
&lt;/div&gt;
  &lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4. 작업 폴더에 배치파일 생성&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;파일 이름은 자유롭게 지어도 되지만, &lt;span style=&quot;color: #ee2323;&quot;&gt;확장자는 .bat 로 저장&lt;/span&gt;하세요&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;크로마키 영상 생성.bat&lt;/b&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1780143064686&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;@echo off
cd /d &quot;%~dp0&quot;

if &quot;%~1&quot;==&quot;&quot; (
    echo [오류] MP3/WAV/FLAC/MP4/MKV/AVI... 등 오디오/영상 파일을 이 배치 파일 위로 드래그 앤 드롭 해주세요.
    pause
    exit /b
)

if not exist &quot;output&quot; (
    mkdir &quot;output&quot;
)

:loop
if &quot;%~1&quot;==&quot;&quot; goto end

ffmpeg\bin\ffmpeg.exe -loop 1 -i &quot;green-1920x1080.png&quot; -i &quot;%~1&quot; -c:a copy -c:v libx264 -shortest &quot;output\%~n1.mp4&quot;

shift
goto loop

:end
echo 모든 작업이 완료되었습니다!
pause&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;추가&lt;/h3&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;투명 mov 영상 만들기&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;애플의 동영상 포멧인 .mov 파일은 알파를 이용한 투명 배경을 지원합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;초록색 화면이 아닌 mov 에서 지원하는 완전 투명 배경 영상을 만드는 배치 파일입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;초록색 크로마키 이미지가 아닌 투명안 png 이미지를 사용하고, ffmpeg 명령어가 다르다는 점이 차이 입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;transparent-1920x1080.png&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;fileblock&quot; data-ke-align=&quot;alignCenter&quot;&gt;&lt;a href=&quot;https://blog.kakaocdn.net/dn/diuqia/dJMcajbfUGK/RuMxRkx1rDZEAVgfeHjGjK/transparent-1920x1080.zip?attach=1&amp;amp;knm=tfile.zip&quot; class=&quot;&quot;&gt;
    &lt;div class=&quot;image&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;desc&quot;&gt;&lt;div class=&quot;filename&quot;&gt;&lt;span class=&quot;name&quot;&gt;transparent-1920x1080.zip&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;size&quot;&gt;0.00MB&lt;/div&gt;
&lt;/div&gt;
  &lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;투명 영상 생성.bat&lt;/b&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1780147048673&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;@echo off
cd /d &quot;%~dp0&quot;

if &quot;%~1&quot;==&quot;&quot; (
    echo [오류] MP3/WAV/FLAC/MP4/MKV/AVI... 등 오디오/영상 파일을 이 배치 파일 위로 드래그 앤 드롭 해주세요.
    pause
    exit /b
)

if not exist &quot;output&quot; (
    mkdir &quot;output&quot;
)

:loop
if &quot;%~1&quot;==&quot;&quot; goto end

ffmpeg\bin\ffmpeg.exe -loop 1 -i &quot;transparent-1920x1080.png&quot; -i &quot;%~1&quot; -c:a copy -c:v prores -pix_fmt yuva444p10le -shortest &quot;output\%~n1.mov&quot;

shift
goto loop

:end
echo 모든 작업이 완료되었습니다!
pause&lt;/code&gt;&lt;/pre&gt;</description>
      <category>정보/IT 이야기</category>
      <category>auto-generator</category>
      <category>Batch</category>
      <category>chromakey</category>
      <category>transparent</category>
      <category>크로마키</category>
      <category>투명영상</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/221</guid>
      <comments>https://kais.tistory.com/entry/automatically-create-chromakey-mp4-and-transparent-mov-videos-using-ffmpeg#entry221comment</comments>
      <pubDate>Sat, 30 May 2026 21:06:59 +0900</pubDate>
    </item>
    <item>
      <title>[WXT] manifest에서 컨텐츠 스크립트가 누락되는 경우 해결 방법</title>
      <link>https://kais.tistory.com/entry/wxt-solution-for-when-content-scripts-are-missing-from-the-manifest-json</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;공식 문서대로 예시 코드들을 작성했는데 안나오는 경우는 파일명/폴더명일 가능성이 높습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;공식 문서를 보면 컨텐츠 스크립트 파일 구조에는 2가지 형식이 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;&lt;b&gt;진입점 폴더에 직접 넣기&lt;br /&gt;entrypoints/{이름}.content.ts&lt;br /&gt;&lt;br /&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;진입점 폴더에 하위 폴더를 만들어 넣기&lt;br /&gt;entrypoints/{이름}.content/index.ts&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt; 주의 할 점은 이름은 위와 같은 형식을 지켜야 하고, &lt;u&gt;파일명이나 폴더명에 .content (또는 -content)가 들어가야 컨텐츠 스크립트로 인식&lt;/u&gt;하고 manifest 파일에 추가 됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;공식 문서에서는 파일명/폴더명에 지정된 단어를 적어야 한다고 따로 언급이 없어서 상당히 헤맸습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;확장 프로그램은 처음이다보니 다른 프레임워크를 다뤄본 분들은 이러한 시행착오를 겪지 않았을텐데 처음으로 접하는 경우 상당히 헤맬 것 같네요&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>프로그래밍/크롬 확장프로그램</category>
      <category>content-script</category>
      <category>WXT</category>
      <category>프레임워크</category>
      <category>확장프로그램</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/219</guid>
      <comments>https://kais.tistory.com/entry/wxt-solution-for-when-content-scripts-are-missing-from-the-manifest-json#entry219comment</comments>
      <pubDate>Sun, 19 Apr 2026 03:37:39 +0900</pubDate>
    </item>
    <item>
      <title>[WXT] 빌드 할때 manifest의 일부 옵션들이 삭제되는 문제 수정</title>
      <link>https://kais.tistory.com/entry/wxt-Fixed-an-issue-where-some-manifest-options-were-deleted-during-the-build</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;크롬 확장프로그램은 manifest.json에 확장프로그램에 대한 기본 설정을 선언하게 되는데, 일부 옵션들은 WXT에서 빌드시 삭제되는 문제가 있습니다&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;이게 배포용 빌드에는 문제없고 개발용에서만 나타날 수도 있습니다&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;&lt;a title=&quot;WXT: hooks&quot; href=&quot;https://wxt.dev/guide/essentials/config/hooks.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;WXT 공식 문서&lt;/a&gt;&lt;/b&gt;에는 hooks을 이용하여 수정할 수 있다고 나와 있습니다&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;hooks을 이용해서 manifest를 수정하는 방법&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;저만 겪은건지 모르겠지만 개발용 빌드시 &lt;b&gt;manifest의 &quot;options_ui&quot; 옵션에서 &quot;open_in_tab&quot;이 계속 누락&lt;/b&gt;되더군요&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1776420206739&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;// wxt.config.ts
options_ui: {
    &quot;page&quot;: &quot;options.html&quot;,
    &quot;open_in_tab&quot;: true, // 누락됨
}

// 결과
// manifest.json
options_ui: {
    &quot;page&quot;: &quot;options.html&quot;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;WXT는 에디터에서 수정하고 저장하면 자동으로 컴파일되어서 브라우저에서 바로 확인할 수 있다는 장점이 있어서 manifest도 자동으로 생성되는 줄 알았으나 hooks으로 수정한 것도 안먹히는 것 때문에 한참 고생했는데, 결국 디버그용으로 실행 중인걸 중지하고 다시 빌드를 하니 적용 되더군요&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif; color: #333333; text-align: start;&quot;&gt;물론, 저와 같은 문제가 일어나지 않는다면 굳이 hooks을 추가 하실 필요가 없습니다&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;&quot;&gt;디버그 실행 중이었다면 중지하고 재실행 하면 해결 될 겁니다&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;1. wxt.config.ts 에서 hooks 을 추가하세요&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1776420681464&quot; class=&quot;typescript&quot; data-ke-language=&quot;typescript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;// wxt.config.ts
import { defineConfig } from &quot;wxt&quot;;

// See https://wxt.dev/api/config.html
export default defineConfig({
    modules: [&quot;@wxt-dev/module-react&quot;],
    srcDir: &quot;src&quot;,
    manifestVersion: 3,
    manifest: {
    name: &quot;__MSG_extension_name__&quot;,
    description: &quot;__MSG_extension_description__&quot;,
      default_locale: &quot;ko&quot;,
      version: &quot;0.0.1&quot;,
    },
    // ... etc ...
    options_ui: {
      &quot;page&quot;: &quot;options.html&quot;,
      &quot;open_in_tab&quot;: true,
    }
  },
  hooks: {
    'build:manifestGenerated': (wxt, manifest) =&amp;gt; {
      if (manifest.options_ui) {
        manifest.options_ui.open_in_tab = true;
      }
    },
  },
  webExt: {
    startUrls: [&quot;about:blank&quot;],
  },
})&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;2. 디버그를 실행 중이라면 중지하고 다시 실행하세요&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</description>
      <category>프로그래밍/크롬 확장프로그램</category>
      <category>hooks</category>
      <category>manifest</category>
      <category>WXT</category>
      <category>프레임워크</category>
      <category>확장프로그램</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/218</guid>
      <comments>https://kais.tistory.com/entry/wxt-Fixed-an-issue-where-some-manifest-options-were-deleted-during-the-build#entry218comment</comments>
      <pubDate>Fri, 17 Apr 2026 19:22:36 +0900</pubDate>
    </item>
    <item>
      <title>[스프레드시트] UrlFetchApp : URL주소 데이터 가져오기 &amp;amp; 인코딩 설정</title>
      <link>https://kais.tistory.com/entry/spreadsheet-urlfetchapp-fetch-url-with-encoding</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;스프레드시트 스크립트의 UrlFetchApp 클래스로 외부 사이트에 접근할 수 있습니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;최근 사이트들은 거의 다 유니코드 UTF-8을 기본적인 인코딩 방식으로 사용하고 있어서 일반적으로는 문제가 없는데, &lt;b&gt;일부 사이트들은 여전히 유니코드를 지원하지 않고 EUC-KR(CP949, MS949) 같은 다른 인코딩을 사용해서 한글이 깨져 보이는 문제&lt;/b&gt;가 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;네이버 카페도 1년전까지만 해도 일부 페이지들은 MS949 인코딩을 사용하고 있었으나 지금은 UTF-8로 바뀌었습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아래 Fetch함수로 서버 페이지를 가져왔는데 한글이 깨진다면 브라우저에서 해당 페이지가 어떤 인코딩 형식을 쓰는지 확인하시고 인코딩 형식을 설정하시면 됩니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;참고로 스크립트에서 UrlFetchApp 사용시 요청할때 아니라, getContentText()로 결과를 읽을때에도 인코딩 형식을 지정해야 됩니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;getContentText() 함수는 UTF-8로 변환된 문자열을 반환합니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;스프레드시트에서 UrlFetchApp 사용시 외부 사이트 접근 권한을 허용해주어야 됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;기본 함수&lt;/b&gt;&lt;/h2&gt;
&lt;pre id=&quot;code_1761732050003&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/**
 * @description URL 주소의 데이터를 가져온다
 * @param {String} method 요청 방식 = [ &quot;get&quot; | &quot;post&quot; ]
 * @param {String} url 주소
 * @param {String} contentType 컨텐츠 유형 = [ &quot;json&quot; | &quot;text&quot; | &quot;form&quot; ]
 *   form : key=value 형식
 *   json : JSON 형식
 *   text : 일반 text/html 형식
 * @param {Object} headers 요청 헤더 = {
 *   Cookie: {String}, // 쿠키
 *   Referer: {String}, // 리퍼러
 *   ...
 * }
 * @param {Object} payload 요청 본문. POST 요청시 데이터
 * @param {String} encoding 인코딩 형식 = [ null | &quot;UTF-8&quot; | &quot;CP949&quot; | &quot;MS949&quot; | ... ]
 * @returns {string} 응답 텍스트
 */
function Fetch(method, url, contentType = 'text', headers = null, payload = null, encoding = null)
{
	const options = {
		method: method,
		headers: headers || {}
	};

	contentType = contentType.toLowerCase()
	if (contentType == 'json') {
		options.contentType = 'application/json';
		if (typeof payload != 'string') {
			payload = JSON.stringify(payload);
		}
	} else if (contentType == 'form') {
		options.contentType = 'application/x-www-form-urlencoded';
	} else {
		options.contentType = 'text/html';
	}

	if (method.toLowerCase() == 'post' &amp;amp;&amp;amp; payload) options.payload = payload;

	if (encoding) options.contentType += '; charset='+ encoding;

	try {
		var r = UrlFetchApp.fetch(url, options);
		if (r.getResponseCode() == 200) {
			return r.getContentText(encoding);
		} else {
			Logger.log('[ERROR] Fetch() HTTP 응답 코드 오류: ' + response.getResponseCode());
		}
	} catch(e) {
		Logger.log('[ERROR] Fetch() 데이터 불러오기 오류: ' + e.toString())
	}

	return '';
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;사용 예시&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. GET 요청&lt;/b&gt;&lt;/h3&gt;
&lt;pre id=&quot;code_1761736896091&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;const COOKIE = '쿠키 내용';

function testGetList(page, listCount = 30) {
	let r = Fetch(
		'get',
		`url주소?page=${page}&amp;amp;count=${listCount}`,
		'text',
		{
			Cookie: COOKIE,
			Referer: 'url주소'
		}
	)
	Logger.log(r)
  
	return JSON.parse(r);
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. POST 요청&lt;/b&gt;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;1. 폼 데이터 형식 (Key=Value)&lt;/b&gt;&lt;/h4&gt;
&lt;pre id=&quot;code_1761742683063&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;const COOKIE = '쿠키 내용';

function testPostList(page, listCount = 30) {
	let r = Fetch(
		'post',
		`url주소`,
		'form',
		{
			Cookie: COOKIE,
			Referer: 'url주소'
		},
		{
			page: page,
			count: listCount
		}
	)
	Logger.log(r)
  
	return JSON.parse(r);
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;2. JSON 형식&lt;/b&gt;&lt;/h4&gt;
&lt;pre id=&quot;code_1761749881738&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;const COOKIE = '쿠키 내용';

function testPostList(page, listCount = 30) {
	let r = Fetch(
		'post',
		`url주소`,
		'json',
		{
			Cookie: COOKIE,
			Referer: 'url주소'
		},
		{
			page: page,
			count: listCount
		}
	)
	Logger.log(r)
  
	return JSON.parse(r);
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #fcfcfc; color: #666666; text-align: left;&quot;&gt;POST 요청 테스트를 할 수 있는 테스트 서버 사이트&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;a href=&quot;https://posttestserver.dev/&quot;&gt;https://posttestserver.dev/&lt;/a&gt;&lt;/h4&gt;
&lt;figure id=&quot;og_1761750380118&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;PostTestServer.dev&quot; data-og-description=&quot;Open Box Open Random Box What is this? PostTestServer.dev a simple post test server that allows you to post data to a box and then retrieve it later. This is useful for testing forms, webhooks, and other services that require a public endpoint. How does it&quot; data-og-host=&quot;posttestserver.dev&quot; data-og-source-url=&quot;https://posttestserver.dev/&quot; data-og-url=&quot;https://posttestserver.dev/&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://posttestserver.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://posttestserver.dev/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;PostTestServer.dev&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Open Box Open Random Box What is this? PostTestServer.dev a simple post test server that allows you to post data to a box and then retrieve it later. This is useful for testing forms, webhooks, and other services that require a public endpoint. How does it&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;posttestserver.dev&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;섬네일 이미지 생성 : Copilot&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>프로그래밍/스프레드시트</category>
      <category>Get</category>
      <category>Google</category>
      <category>post</category>
      <category>spreadsheet</category>
      <category>URL 요청</category>
      <category>urlfetchapp</category>
      <category>구글</category>
      <category>스프레드시트</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/216</guid>
      <comments>https://kais.tistory.com/entry/spreadsheet-urlfetchapp-fetch-url-with-encoding#entry216comment</comments>
      <pubDate>Thu, 30 Oct 2025 00:01:10 +0900</pubDate>
    </item>
    <item>
      <title>[스프레드시트] 유튜브 조회수 크롤링 하는 방법</title>
      <link>https://kais.tistory.com/entry/google-spreadsheet-youtube-video-viewcount-and-information-crawling</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;699&quot; data-origin-height=&quot;315&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bFx27R/dJMb85I95U5/IK14DTDGI7wl9KILekrHYK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bFx27R/dJMb85I95U5/IK14DTDGI7wl9KILekrHYK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bFx27R/dJMb85I95U5/IK14DTDGI7wl9KILekrHYK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbFx27R%2FdJMb85I95U5%2FIK14DTDGI7wl9KILekrHYK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;431&quot; height=&quot;194&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;699&quot; data-origin-height=&quot;315&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;구글 스프레드시트는 확장프로그램의 App Script를 통해 스크립트를 작성해 좀더 강력한 방식으로 스프레드시트를 다룰 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;대표적인게 웹사이트 정보를 크롤링(수집)하는 방법으로 데이터를 자동 수집하게 만들고 이를 기반으로 분석 하는데 사용합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이 문서는 지정된 유튜브 영상의 조회수 또는 정보를 가져오는 방법만 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;API KEY 발급&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;우선, 유튜브에서 조회수를 수집하기 위해서는 구글에서 &quot;API 키&quot;를 발급 받아야 됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;API 키는 구글이 구글 확장 프로그램을 개발자들에게 구글의 정보를 접근할 수 있도록 허용해주는 열쇠 입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;개인 사용자들은 일정 수준 이하에서는 무료로 사용할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;정보 요청이 과도하게 많아질 경우 유료 요금제를 사용하셔야 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;API KEY는 외부에 유출되지 않도록 주의하세요&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;유출된 경우 발급된 API KEY 관리 화면에서 삭제하거나 갱신하시면 됩니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://okayoon.tistory.com/entry/%EA%B5%AC%EA%B8%80-API-KEY%EC%83%9D%EC%84%B1%ED%95%98%EB%8A%94-%EB%B2%95&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;▶ API 키 발급하는 방법은 여기를 참고하세요&lt;/a&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;예제 스프레드시트 문서&lt;/b&gt;&lt;/h2&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;a style=&quot;background-color: #e6f5ff; color: #0070d1; text-align: start;&quot; href=&quot;https://docs.google.com/spreadsheets/d/1d_nvcMiX7CMYHa_ecPOeTmCXHy99r6QDuyUKbTREZU8/edit?usp=sharing&quot;&gt;&lt;b&gt;▶ 스프레드시트 문서 링크&lt;/b&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;1053&quot; data-origin-height=&quot;600&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bS6Zxw/dJMb9PfjuNM/cTlbgCQPDnEAKjKC62Bqjk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bS6Zxw/dJMb9PfjuNM/cTlbgCQPDnEAKjKC62Bqjk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bS6Zxw/dJMb9PfjuNM/cTlbgCQPDnEAKjKC62Bqjk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbS6Zxw%2FdJMb9PfjuNM%2FcTlbgCQPDnEAKjKC62Bqjk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1053&quot; height=&quot;600&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;1053&quot; data-origin-height=&quot;600&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;사용 방법&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;1. 문서 복사하기&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;수정 권한 요청을 하지 마시고&amp;nbsp;&lt;b&gt;[ 파일 &amp;rarr; 사본 만들기 ]를 통해 자신의 구글 드라이브에 문서를 복사하여 수정할 수 있습니다&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-190917-336.bmp&quot; data-origin-width=&quot;401&quot; data-origin-height=&quot;324&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Zr5S5/dJMb9MbOXeT/o6cDLOxefz15zG0GNTJXEK/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Zr5S5/dJMb9MbOXeT/o6cDLOxefz15zG0GNTJXEK/img.bmp&quot; data-alt=&quot;문서를 자신의 드라이브로 복사하는 방법&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Zr5S5/dJMb9MbOXeT/o6cDLOxefz15zG0GNTJXEK/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZr5S5%2FdJMb9MbOXeT%2Fo6cDLOxefz15zG0GNTJXEK%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;401&quot; height=&quot;324&quot; data-filename=&quot;20251021-190917-336.bmp&quot; data-origin-width=&quot;401&quot; data-origin-height=&quot;324&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;문서를 자신의 드라이브로 복사하는 방법&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;2. 유튜브 영상 ID 확인하는 방법&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;유튜브 영상 URL을 보면 뒤에 알파벳+숫자로 만들어진 코드가 있는데, 이게 영상 ID 입니다&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;일반 영상의 경우 : /watch?v=[영상ID]&lt;/li&gt;
&lt;li&gt;쇼츠의 경우 : /shorts/[영상ID]&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;3. 노란색 칸에 영상ID를 입력합니다&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-193405-271.bmp&quot; data-origin-width=&quot;454&quot; data-origin-height=&quot;264&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Moirs/dJMb9YcbcAQ/a9zsAQiKh6nMWZlVhEmIy1/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Moirs/dJMb9YcbcAQ/a9zsAQiKh6nMWZlVhEmIy1/img.bmp&quot; data-alt=&quot;데이터 시트 / 노란칸에 영상ID를 입력&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Moirs/dJMb9YcbcAQ/a9zsAQiKh6nMWZlVhEmIy1/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMoirs%2FdJMb9YcbcAQ%2Fa9zsAQiKh6nMWZlVhEmIy1%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;454&quot; height=&quot;264&quot; data-filename=&quot;20251021-193405-271.bmp&quot; data-origin-width=&quot;454&quot; data-origin-height=&quot;264&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;데이터 시트 / 노란칸에 영상ID를 입력&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4. 정기적으로 일정 시간마다 업데이트되도록 트리거 설정하는 방법&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;App Script에서 일정 시간마다 실행하도록 '트리거'를 설정해야 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;트리거 설정까지 해주셔야 조회수가 업데이트 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;그리고, 더 이상 조회수 추적을 하지 않을 경우 꼭 등록된 트리거를 삭제해 주시기 바랍니다&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4-1. [ 확장 프로그램 &amp;rarr; App Script ] 선택하면 앱 스크립트 편집 페이지가 뜹니다&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-191405-021.bmp&quot; data-origin-width=&quot;694&quot; data-origin-height=&quot;258&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/wuNd1/dJMb9XYD65T/O4TkBcziK6Gc1JCLc0whP1/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/wuNd1/dJMb9XYD65T/O4TkBcziK6Gc1JCLc0whP1/img.bmp&quot; data-alt=&quot;스프레드시트에서 확장 프로그램 메뉴&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/wuNd1/dJMb9XYD65T/O4TkBcziK6Gc1JCLc0whP1/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FwuNd1%2FdJMb9XYD65T%2FO4TkBcziK6Gc1JCLc0whP1%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;694&quot; height=&quot;258&quot; data-filename=&quot;20251021-191405-021.bmp&quot; data-origin-width=&quot;694&quot; data-origin-height=&quot;258&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;스프레드시트에서 확장 프로그램 메뉴&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;App Script 페이지가 안열리는 경우&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;만약 App Script 를 눌렀는데 계속 페이지가 새로고침되거나 에러가 나서 페이지가 열리지 않는 경우 구글 쿠키를 모두 지우고 다시 계정을 로그인 하시기 바랍니다&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;color: #000000;&quot; data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4-2. App Script 코드에 API KEY를 입력합니다&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아래 화면에 보면 상단에&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;API_KEY = &quot;&quot;&lt;/b&gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;라는 코드가 있는데, 여기 따옴표 사이에 API KEY 를 입력하고&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;저장(Ctrl + S)&lt;/b&gt;&lt;/span&gt;하시면 됩니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-210751-946.bmp&quot; data-origin-width=&quot;1059&quot; data-origin-height=&quot;354&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/DuM80/dJMb88lAacr/2dKuGhQreIc24RV9VmCghk/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/DuM80/dJMb88lAacr/2dKuGhQreIc24RV9VmCghk/img.bmp&quot; data-alt=&quot;코드 상단에 API_KEY = &amp;quot;&amp;quot; 의 따옴표 사이에 API KEY 입력&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/DuM80/dJMb88lAacr/2dKuGhQreIc24RV9VmCghk/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDuM80%2FdJMb88lAacr%2F2dKuGhQreIc24RV9VmCghk%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1059&quot; height=&quot;354&quot; data-filename=&quot;20251021-210751-946.bmp&quot; data-origin-width=&quot;1059&quot; data-origin-height=&quot;354&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;코드 상단에 API_KEY = &quot;&quot; 의 따옴표 사이에 API KEY 입력&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4-3. App Script 편집 페이지가 열리면 왼쪽 메뉴에서 트리거를 선택합니다&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-191716-284.bmp&quot; data-origin-width=&quot;418&quot; data-origin-height=&quot;382&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bq0S4z/dJMb88lz84b/Yf7ooYHt4LZ7AMW559pCWK/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bq0S4z/dJMb88lz84b/Yf7ooYHt4LZ7AMW559pCWK/img.bmp&quot; data-alt=&quot;App Script 메뉴&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bq0S4z/dJMb88lz84b/Yf7ooYHt4LZ7AMW559pCWK/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbq0S4z%2FdJMb88lz84b%2FYf7ooYHt4LZ7AMW559pCWK%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;418&quot; height=&quot;382&quot; data-filename=&quot;20251021-191716-284.bmp&quot; data-origin-width=&quot;418&quot; data-origin-height=&quot;382&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;App Script 메뉴&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4-4. 오른쪽 하단에 [트리거 추가] 버튼을 누릅니다&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-192119-437.bmp&quot; data-origin-width=&quot;255&quot; data-origin-height=&quot;165&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sHkam/dJMb9WMcww8/4Ffk9eFjhSKdu8oiEzVZdK/img.bmp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sHkam/dJMb9WMcww8/4Ffk9eFjhSKdu8oiEzVZdK/img.bmp&quot; data-alt=&quot;트리거 추가 버튼&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sHkam/dJMb9WMcww8/4Ffk9eFjhSKdu8oiEzVZdK/img.bmp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsHkam%2FdJMb9WMcww8%2F4Ffk9eFjhSKdu8oiEzVZdK%2Fimg.bmp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;255&quot; height=&quot;165&quot; data-filename=&quot;20251021-192119-437.bmp&quot; data-origin-width=&quot;255&quot; data-origin-height=&quot;165&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;트리거 추가 버튼&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;4-5. 트리거 설정 방법&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;실행할 함수는 반드시 &quot;&lt;span style=&quot;color: #ee2323;&quot;&gt;UpdateViewCount&lt;/span&gt;&quot;를 선택해주세요&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;보통 조회수의 경우 1시간마다 체크하는데, 원하는 체크 루틴이 있을 경우 시간을 변경하면 됩니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20251021-192017-593.jpg&quot; data-origin-width=&quot;721&quot; data-origin-height=&quot;816&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ebB3zQ/dJMb9hpibHK/SRDqaXxhSz1qKgdHOUPFXK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ebB3zQ/dJMb9hpibHK/SRDqaXxhSz1qKgdHOUPFXK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ebB3zQ/dJMb9hpibHK/SRDqaXxhSz1qKgdHOUPFXK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FebB3zQ%2FdJMb9hpibHK%2FSRDqaXxhSz1qKgdHOUPFXK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;721&quot; height=&quot;816&quot; data-filename=&quot;20251021-192017-593.jpg&quot; data-origin-width=&quot;721&quot; data-origin-height=&quot;816&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>프로그래밍/스프레드시트</category>
      <category>app script</category>
      <category>spreadsheet</category>
      <category>youtube view count crawling</category>
      <category>구글</category>
      <category>스프레드시트</category>
      <category>유튜브 조회수 크롤링</category>
      <category>자바스크립트</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/215</guid>
      <comments>https://kais.tistory.com/entry/google-spreadsheet-youtube-video-viewcount-and-information-crawling#entry215comment</comments>
      <pubDate>Sat, 18 Oct 2025 19:44:34 +0900</pubDate>
    </item>
    <item>
      <title>[AutoHotKey v1/v2] 이미지 파일 헤더를 검사하여 파일 종류 확인하기</title>
      <link>https://kais.tistory.com/entry/AutoHotKey-v1-v2-determine-the-image-file-type-by-check-the-image-file-header</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;이미지 전체를 읽어오지 않고, 앞부분 12바이트만 읽어 이미지 파일 종류를 확인하는 간단한 함수 입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;AHK v2&lt;/h3&gt;
&lt;pre id=&quot;code_1760163893343&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/**
 * GetImageFileType (AHK v2)
 * 이미지 파일 타입 검사
 * @param {String} filePath 파일 경로
 * @returns {String} 
 */
GetImageFileType(filePath) {
	file := FileOpen(filePath, &quot;r&quot;)
	If ( ! file) {
		OutputDebug(&quot;[ERROR] GetImageFileType() : can't open file = &quot; filePath)
		return &quot;unknown&quot;
	}

	headerHex := &quot;&quot;
	Loop 12 {
		headerHex .= Format(&quot;{:02X}&quot;, file.ReadUChar())
	}
	file.Close()

	if (InStr(headerHex, &quot;FFD8FF&quot;, true) = 1) { ; JPEG: FF D8 FF
		return &quot;jpg&quot;
	} else if (InStr(headerHex, &quot;89504E47&quot;, true) = 1) { ; PNG: 89 50 4E 47 0D 0A 1A 0A
		return &quot;png&quot;
	} else if (InStr(headerHex, &quot;47494638&quot;, true) = 1) { ; GIF: 47 49 46 38
		return &quot;gif&quot;
	} else if (InStr(headerHex, &quot;424D&quot;, true) = 1) { ; BMP: 42 4D
		return &quot;bmp&quot;
	} else if (InStr(headerHex, &quot;52494646&quot;, true) = 1 &amp;amp;&amp;amp; InStr(headerHex, &quot;57454250&quot;, true) = 17) { ; WebP
		return &quot;webp&quot;
	}
	return &quot;unknown&quot;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;AHK v1&lt;/h3&gt;
&lt;pre id=&quot;code_1760164152165&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/**
 * GetImageFileType (AHK v1)
 * 이미지 파일 타입 검사
 * @param {String} filePath 파일 경로
 * @returns {String} 
 */
GetImageFileType(filePath) {
	file := FileOpen(filePath, &quot;r&quot;)
	If ( ! file) {
		OutputDebug &quot;[ERROR] GetImageFileType() : can't open file = &quot; filePath
		return &quot;unknown&quot;
	}

	file.RawRead(rawData, 12)
	file.Close()

	VarSetCapacity(headerBytes, 12, 0)
	DllCall(&quot;RtlMoveMemory&quot;, &quot;Ptr&quot;, &amp;amp;headerBytes, &quot;Ptr&quot;, &amp;amp;rawData, &quot;UInt&quot;, 12)

	headerHex := &quot;&quot;
	Loop, 12 {
		headerHex .= Format(&quot;{:02X}&quot;, NumGet(headerBytes, A_Index - 1, &quot;UChar&quot;))
	}

	VarSetCapacity(headerBytes, -1)
	headerBytes := &quot;&quot;

	if (InStr(headerHex, &quot;FFD8FF&quot;, true) = 1) { ; JPEG: FF D8 FF
		return &quot;jpg&quot;
	} else if (InStr(headerHex, &quot;89504E47&quot;, true) = 1) { ; PNG: 89 50 4E 47 0D 0A 1A 0A
		return &quot;png&quot;
	} else if (InStr(headerHex, &quot;47494638&quot;, true) = 1) { ; GIF: 47 49 46 38
		return &quot;gif&quot;
	} else if (InStr(headerHex, &quot;424D&quot;, true) = 1) { ; BMP: 42 4D
		return &quot;bmp&quot;
	} else if (InStr(headerHex, &quot;52494646&quot;, true) = 1 &amp;amp;&amp;amp; InStr(headerHex, &quot;57454250&quot;, true) = 17) { ; WebP
		return &quot;webp&quot;
	}
	return &quot;unknown&quot;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;섬네일 이미지 : Copilot&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>프로그래밍/AutoHotKey</category>
      <category>AHK</category>
      <category>ahk v1</category>
      <category>ahk v2</category>
      <category>autohotkey</category>
      <category>image type</category>
      <category>이미지 파일</category>
      <category>자동화프로그램</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/214</guid>
      <comments>https://kais.tistory.com/entry/AutoHotKey-v1-v2-determine-the-image-file-type-by-check-the-image-file-header#entry214comment</comments>
      <pubDate>Sat, 11 Oct 2025 15:37:08 +0900</pubDate>
    </item>
    <item>
      <title>Regex 정규표현식에서 유니코드 범위 사용하기</title>
      <link>https://kais.tistory.com/entry/regex-using-unicode-character-ranges-in-regular-expressions</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;기본 방법&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;2018년 이후 ECMAScript에 새롭게 추가된 특수문자를 통해 더욱 쉽고 빠르게 유니코드를 사용할 수 있게 되었습니다&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style13&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 9.86433%; text-align: center;&quot;&gt;&lt;b&gt;특수문자&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 9.5155%; text-align: center;&quot;&gt;&lt;b&gt;참고&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 30.6589%; text-align: center;&quot;&gt;&lt;b&gt;설명&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 18.0039%; text-align: center;&quot;&gt;&lt;b&gt;예시&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 31.9573%; text-align: center;&quot;&gt;&lt;b&gt;예시 설명&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 9.86433%;&quot;&gt;&lt;b&gt;\p{...}&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 9.5155%; text-align: center;&quot;&gt;소문자&lt;/td&gt;
&lt;td style=&quot;width: 30.6589%;&quot;&gt;범주의 문자세트&lt;/td&gt;
&lt;td style=&quot;width: 18.0039%;&quot;&gt;[&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;\p{Hangul}&lt;/b&gt;&lt;/span&gt;]+&lt;/td&gt;
&lt;td style=&quot;width: 31.9573%;&quot;&gt;한글 문자열을 모두 추출한다&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 9.86433%;&quot;&gt;&lt;b&gt;\P{...}&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 9.5155%; text-align: center;&quot;&gt;대문자&lt;/td&gt;
&lt;td style=&quot;width: 30.6589%;&quot;&gt;범주를 제외한 문자세트&lt;/td&gt;
&lt;td style=&quot;width: 18.0039%;&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;[&lt;b&gt;\P{Hangul}&lt;/b&gt;&lt;/span&gt;]+&lt;/td&gt;
&lt;td style=&quot;width: 31.9573%;&quot;&gt;한글 이외의 문자열을 모두 추출한다&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 9.86433%;&quot;&gt;&lt;b&gt;\X&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 9.5155%; text-align: center;&quot;&gt;대문자&lt;/td&gt;
&lt;td style=&quot;width: 30.6589%;&quot;&gt;확장된 유니코드 시퀸스&lt;br /&gt;일부 언어에서는 지원하지 않음&lt;/td&gt;
&lt;td style=&quot;width: 18.0039%;&quot;&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #333333; text-align: start;&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;\X&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #333333; text-align: start;&quot;&gt;]+&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 31.9573%;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;\p{...} 에서 { } 사이에 미리 선언된 키값을 넣어서 검색하게 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;일반적으로 많이 사용하는 코드&lt;/b&gt;&lt;/h2&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style13&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 22.7519%; text-align: center;&quot;&gt;&lt;b&gt;언어&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 35.7752%; text-align: center;&quot;&gt;&lt;b&gt;예시&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 41.4728%; text-align: center;&quot;&gt;&lt;b&gt;설명&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 22.7519%; text-align: center;&quot;&gt;&lt;b&gt;한글&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 35.7752%;&quot;&gt;[\p{Hangul}]+&lt;/td&gt;
&lt;td style=&quot;width: 41.4728%;&quot;&gt;한글만 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 22.7519%; text-align: center;&quot;&gt;&lt;b&gt;일어&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 35.7752%;&quot;&gt;[\p{Hiragana}\p{Katakana}\p{Han}]+&lt;/td&gt;
&lt;td style=&quot;width: 41.4728%;&quot;&gt;히라가나, 카타카나를 포함하고, 일본어의 경우 한자 따로 추가&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 22.7519%; text-align: center;&quot;&gt;&lt;b&gt;한자&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 35.7752%;&quot;&gt;[\p{Han}]+&lt;/td&gt;
&lt;td style=&quot;width: 41.4728%;&quot;&gt;한자&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 22.7519%; text-align: center;&quot;&gt;&lt;b&gt;숫자&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 35.7752%;&quot;&gt;[0-9]+&lt;br /&gt;&lt;br /&gt;[\p{Nd}]+&lt;/td&gt;
&lt;td style=&quot;width: 41.4728%;&quot;&gt;일반적인 아라비아 숫자만 캡쳐한다면 [0-9] 로도 문제없지만, 다른 국가의 숫자 문자를 캡쳐한다면 \p{Nd} 를 사용&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;지원되는 문자 코드&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;카테고리별로 구분된 문자 그룹&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아래처럼 { } 사이에 해당 코드를 입력해서 사용 할 수 있습니다&lt;/p&gt;
&lt;pre id=&quot;code_1760092260201&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/\p{L}/
/\p{Ll}/&lt;/code&gt;&lt;/pre&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 710px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style13&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; text-align: center; height: 21px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;카테고리 키&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; text-align: center; height: 21px;&quot;&gt;&lt;b&gt;설명 및 범주 목록 링크&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; text-align: center; height: 21px;&quot;&gt;&lt;b&gt;범주 문자&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;C&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;기타(Other)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Cc, Cf, Cn, Co, Cs 를 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 34px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 34px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 34px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Cc&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 34px;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Cc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;제어(Control)&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 34px;&quot;&gt;NUL(Null), SOH(Start of Heading), STX(Start of Text), ETX(End of Text), EOT(End of Transmission), ENQ(Enquiry), ...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 21px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 21px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Cf&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 21px;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Cf&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;형식(Format)&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 21px;&quot;&gt;SHY(Soft Hyphen), ALM(Arabic Letter Mark), MVS(Mongolian Vowel Separator), ...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Cn&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;span style=&quot;color: #252525; text-align: start;&quot;&gt;할당되지 않음(&lt;/span&gt;Unassigned)&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #252525; text-align: start;&quot;&gt;유니코드 표에 없는 모든 코드 포인트&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Co&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;사적 사용(Private use)&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;없음&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Cs&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;대리(Surrogate)&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;유니코드로 모든 문자를 담으려 하지만 UTF-16(2바이트)으로는 최대 65,536자 밖에 표현하지 못하는 문제를 해결하기 위해 UTF-16에서 4바이트를 사용해 표현하기 위해 예약된 영역 (&lt;a href=&quot;https://www.devdic.com/reference/knowledge/document:8475/%EC%84%9C%EB%9F%AC%EA%B2%8C%EC%9D%B4%ED%8A%B8(surrogate)&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;참고 사이트&lt;/a&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;L&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;문자(Letter)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Ll, Lm, Lo, Lt, Lu 를 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Ll&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Ll&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;소문자(Lowercase Letter)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;(소문자 L)&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;a b c d ... ă ą ć ... ფ ქ ....&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Lm&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Lm&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;수정자 문자(Modifier Letter)&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;ʰ ʱ ʲ ʳ ʴ ʵ ʶ ʷ ʸ ʹ ʺ ʻ ʼ ʽ ʾ ʿ ˀ ˁ .....&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 21px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 21px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Lo&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 21px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Lo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;기타 문자(Other Letter)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 21px;&quot;&gt;&amp;ordf; &amp;ordm; ƻ ǀ ǁ ǂ ǃ ʔ ...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 21px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 21px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Lt&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 21px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Lt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;제목 문자(Titlecase Letter)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 21px;&quot;&gt;ǅ&amp;nbsp; ǈ&amp;nbsp; ǋ&amp;nbsp; ǲ&amp;nbsp; ᾈ&amp;nbsp; ᾉ&amp;nbsp; ᾊ&amp;nbsp; ᾋ&amp;nbsp; ᾌ&amp;nbsp; ᾍ&amp;nbsp; ᾎ&amp;nbsp; ᾏ ...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 21px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 21px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Lu&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 21px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Lu&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;대문자(Uppercase Letter)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 21px;&quot;&gt;A B C D E ... &amp;Agrave; &amp;Aacute; &amp;Acirc; &amp;Atilde; &amp;Auml; ... Ɵ Ơ Ƣ Ƥ Ʀ Ƨ ...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;M&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;마크(Mark)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Mc, Me, Mn 을 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Mc&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Mc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;간격 표시(Spacing Mark)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;ः ऻ ा ि ी ॉ ... 〮 〯 ...&lt;br /&gt;옛한글 방점 같이 특정 언어에서 사용되는 기호&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Me&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Me&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;둘러싸는 표시(Enclosing Mark)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;z&amp;nbsp; &amp;nbsp;&amp;nbsp; ⃝ &amp;rarr;&amp;nbsp; z ⃝ (U+20DD)와 같이 다른 문자를 둘러싸는 결합&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Mn&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Mn&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;비간격 표시(Nonspacing Mark)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;◌̀ ◌́ ◌̂ ◌̃ ◌̄&amp;nbsp; ◌̅ ....&lt;br /&gt;예를들어 a 문자와 결합하면 발음 구별 기호 &amp;aacute; 와 같음&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;N&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;숫자(Number)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Nd, Nl, No 를 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Nd&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Nd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;10진수(Decimal number)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;0 1 2 3 4 5 6 7 8 9 ٠١٢٣٤٥٦٧٨٩ ... 등 다른 언어의 숫자 문자&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Nl&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Nl&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;문자 숫자(Letter Number)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ ...       ...       ... 다른 문자형 숫자&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;No&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/No&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;기타 숫자(Other Number)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;⁰ &amp;sup1; &amp;sup2; &amp;sup3; ... ₀ ₁ ₂ ₃ ... &amp;frac12; ⅓ ⅔ &amp;frac14; ... ① ② ③ ... 등&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;P&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;부호(Punctuation)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Pc, Pd, Ps, Pe, Pi, Pf, Po 를 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Pc&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Pc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;연결 부호(Connector Punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;_ ‿ ⁀ ⁔ ︳ ︴ ﹍ ﹎ ﹏ ＿&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Pd&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Pd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;대시 부호(Dash Punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;- ֊ ־ ᐀ ᠆ ‐ 등&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 23px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 23px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 23px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Ps&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 23px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Ps&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;여는&amp;nbsp;부호(Open&amp;nbsp;punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 23px;&quot;&gt;( [ { ༺ ༼ ᚛ 등&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Pe&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Pe&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;닫는 부호(Close punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;) ] } ༻ ༽ ᚜ 등&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 38px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 38px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 38px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Pi&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 38px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Pi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;시작&amp;nbsp;부호(Initial&amp;nbsp;punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 38px;&quot;&gt;&amp;laquo; &amp;lsquo; ‛ &amp;ldquo; ‟ &amp;lsaquo; ⸂ ⸄ ⸉ ⸌ ⸜ ⸠&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Pf&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Pf&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;끝맺음 부호(Final punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;&amp;raquo; &amp;rsquo; &amp;rdquo; &amp;rsaquo; ⸃ ⸅ ⸊ ⸍ ⸝ ⸡&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Po&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Po&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;기타 부호(Other punctuation)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;! &quot; # % &amp;amp; ' * , . / : ; .... ၏ ჻ ፠ ፡ 등 일반적으로 많이 쓰는 특수문자를 포함한 문자들&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;S&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;심볼(Symbol)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;Sc, Sk, Sm, So 을 모두 포함&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Sc&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Sc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;통화 기호(Currency Symbol)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;$ &amp;cent; &amp;pound; &amp;curren; &amp;yen; ֏ 등 각 나라별 통화 기호&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Sk&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Sk&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;수정 기호(Modifier Symbol)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;^ ` &amp;uml; &amp;macr; &amp;acute; &amp;cedil; 등 문자나 기호의 발음, 의미, 형태 등을 조정하는데 사용하는 기호&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Sm&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Sm&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;수학 기호(Math Symbol)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;+ &amp;lt; = &amp;gt; | ~ &amp;not; &amp;plusmn; &amp;times; &amp;divide; ϶ ؆ 등 수학 기호&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;So&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/So&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;기타 기호(Other Symbol)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;&amp;brvbar; &amp;copy; &amp;reg; &amp;deg; ҂ ֍ ֎ ؎ ؏ ۞ ۩ 등&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 12.4419%; height: 17px;&quot; colspan=&quot;2&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Z&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;b&gt;분리 기호(Separator)&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Zl&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Zl&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;줄 구분자(Line Separator)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;줄을 구분하는데 사용되는 문자 (U+2028)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Zp&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Zp&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;문단 구분자(Paragraph Separator)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;문단을 구분하는데 사용되는 문자 (U+2029)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.04651%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 6.39537%; height: 17px;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: 'Noto Serif KR';&quot;&gt;Zs&lt;/span&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.4653%; height: 17px;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category/Zs&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;공백 구분자(Space Separator)&lt;/b&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 48.4882%; height: 17px;&quot;&gt;공백(U+0020), 줄바꿈 없는 공백(NBSP, U+00A0) 등&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;지원되는 언어 코드&lt;/b&gt;&lt;/h2&gt;
&lt;pre id=&quot;code_1760095763219&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;// 한글, 일어(한자 포함) 캡쳐시 예시
/([\p{Hangul}\p{Hiragana}\p{Katakana}\p{Han}]+)/&lt;/code&gt;&lt;/pre&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 374px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Arab&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Arabic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Armn&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; Armenian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Avst&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Avestan&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Bali&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Balinese&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Bamu&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Bamum&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Batk&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Batak&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Beng&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Bengali&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Bopo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Bopomofo&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Brah&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Brahmi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Brai&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Braille&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Bugi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Buginese&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Buhd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Buhid&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cans&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Unified&amp;nbsp;Canadian&amp;nbsp;Aboriginal&amp;nbsp;Syllabics&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cari&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Carian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cakm&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Chakma&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cham&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Cham&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cher&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Cherokee&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;Common&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Copt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Coptic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Xsux&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Cuneiform&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cprt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Cypriot syllabary&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Cyrl&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Cyrillic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Dsrt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Deseret&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Deva&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Devanagari&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Egyp&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Egyptian&amp;nbsp;hieroglyphs&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Ethi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Ethiopic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Geor&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Georgian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Glag&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Glagolitic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Goth&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Gothic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Grek&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Greek&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Gujr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Gujarati&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Guru&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Gurmukhi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Hani&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Han&amp;nbsp;(Hanzi,&amp;nbsp;Kanji,&amp;nbsp;Hanja)&lt;/a&gt;&lt;br /&gt;한자&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Hang&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;Hangul&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;한글&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Hano&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Hanunoo&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Hebr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Hebrew&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Hira&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Hiragana&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;히라가나&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Armi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Imperial&amp;nbsp;Aramaic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Zinh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Code&amp;nbsp;for&amp;nbsp;inherited&amp;nbsp;script&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Phli&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Inscriptional&amp;nbsp;Pahlavi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Prti&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Inscriptional&amp;nbsp;Parthian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Java&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Javanese&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Kthi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Kaithi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Knda&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Kannada&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Kana&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;Katakana&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;카타카나&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Kali&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Kayah&amp;nbsp;Li&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Khar&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Kharoshthi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Khmr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Khmer&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Laoo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Lao&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 17px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Latn&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Latin&lt;/a&gt;&lt;br /&gt;라틴&lt;/b&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lepc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Lepcha&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Limb&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Limbu&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lina&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Linear A&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Linb&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Linear B&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lisu&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Lisu&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lyci&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Lycian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lydi&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Lydian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mlym&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Malayalam&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mand&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Mandaic, Mandaean&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mtei&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Meitei&amp;nbsp;Mayek&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Merc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Meroitic Cursive&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mero&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Meroitic&amp;nbsp;Hieroglyphs&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Plrd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Miao&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mong&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Mongolian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Mymr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Myanmar&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Talu&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;New Tai Lue&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Nkoo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;N&amp;rsquo;Ko&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Ogam&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Ogham&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Ital&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; Old Italic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Xpeo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; Old Persian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Sarb&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; Old South Arabian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Orkh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Old Turkic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Olck&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Ol Chiki&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Orya&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Oriya&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Osma&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Osmanya&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Phag&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Phags-pa&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Phnx&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Phoenician&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Rjng&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Rejang&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Runr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Runic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Samr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Samaritan&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Saur&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Saurashtra&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Shrd&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Sharada&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Shaw&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Shavian&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Sinh&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Sinhala&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Sora&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Sora Sompeng&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Sund&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Sundanese&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Sylo&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Syloti Nagri&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Syrc&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Syriac&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tglg&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tagalog&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tagb&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tagbanwa&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tale&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt; Tai Le&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Lana&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tai Tham&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tavt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tai Viet&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Takr&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Takri&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Taml&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tamil&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Telu&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Telugu&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Thaa&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Thaana&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Thai&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Thai&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tibt&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tibetan&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Tfng&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Tifinagh&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Ugar&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Ugaritic&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Vaii&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Vai&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts/Yiii&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Yi&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 20%; text-align: center; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;참고사이트&lt;/b&gt;&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;php.net&lt;/b&gt; / Unicode&amp;nbsp;character&amp;nbsp;properties&lt;br /&gt;&lt;a href=&quot;https://www.php.net/manual/en/regexp.reference.unicode.php&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.php.net/manual/en/regexp.reference.unicode.php&lt;/a&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;compart.com&lt;/b&gt; / Unicode&amp;nbsp;Character&amp;nbsp;Categories&lt;br /&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/category&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.compart.com/en/unicode/category&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;compart.com&lt;/b&gt; / ISO 15924 - Codes for the representation of names of scripts&lt;br /&gt;&lt;a href=&quot;https://www.compart.com/en/unicode/scripts&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.compart.com/en/unicode/scripts&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>프로그래밍/JavaScript</category>
      <category>ECMAScript</category>
      <category>PCRE</category>
      <category>regex</category>
      <category>Regular Expressions</category>
      <category>Unicode</category>
      <category>unicode script</category>
      <category>정규표현식</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/213</guid>
      <comments>https://kais.tistory.com/entry/regex-using-unicode-character-ranges-in-regular-expressions#entry213comment</comments>
      <pubDate>Fri, 10 Oct 2025 20:41:17 +0900</pubDate>
    </item>
    <item>
      <title>디스코드 - 카카오톡을 대체 할 수 있는 플랫폼</title>
      <link>https://kais.tistory.com/entry/discord-a-platform-that-can-replace-kakaotalk</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;카카오톡은 SNS 메신저로 시작해서 그룹채팅을 추가했지만, 결국 메신저에서 벗어나지 못한 프로그램이죠&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;현실 인맥을 중심으로 한 SNS 메신저이기 때문에, 많은 사람들이 불편해 하는 문제가 지인들의 사생활에 대한 부분입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;카카오톡은 내 현실 인맥을 기반으로 한 메신저이고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;인스타그램, 디스코드 등은 &lt;/span&gt;내가 관심을 갖는 인맥 또는 주제라는 차이점이 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;2365&quot; data-origin-height=&quot;1676&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/VDhUB/btsQVrZ0cVZ/AJ4Ooo6OTknPajhHTy3GK1/img.webp&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/VDhUB/btsQVrZ0cVZ/AJ4Ooo6OTknPajhHTy3GK1/img.webp&quot; data-alt=&quot;discord.com 에서 공개한 기본 화면&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/VDhUB/btsQVrZ0cVZ/AJ4Ooo6OTknPajhHTy3GK1/img.webp&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FVDhUB%2FbtsQVrZ0cVZ%2FAJ4Ooo6OTknPajhHTy3GK1%2Fimg.webp&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;discord.com 에서 공개한 기본 화면&quot; loading=&quot;lazy&quot; width=&quot;2365&quot; height=&quot;1676&quot; data-origin-width=&quot;2365&quot; data-origin-height=&quot;1676&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;discord.com 에서 공개한 기본 화면&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;디스코드는 &lt;b&gt;커뮤니티 플랫폼&lt;/b&gt;으로, 단순 채팅을 넘어 의견공유, 정보공유, 의사결정, 상태확인 등을 원활하게 할 수 있는 플랫폼입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이미지, 비디오 공유는 물론 가능하고, 음성채팅, 화면공유가 가능합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;특히 화면공유는 거의 딜레이가 없기 때문에 영상이나 게임 화면을 보며 실시간 소통할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;최근 네팔에서 독재정권을 무너뜨린 시민 혁명이 일어났고, 여기서 주축이된 시민들은 디스코드에서 회의를 통해 임시정부 인물을 추천하고 토론하고, 투표를 진행했던 사례가 알려지며 주목 받았죠&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;초기에는 디스코드를 게이머들이 음성대화를 위해 사용했었으나, 현재는 전세계 많은 기업이나 단체, 일반 개인들도 많이 사용하는 프로그램이 되었습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;기업이나 정부기관, 단체의 경우 디스코드를 이용해 고객지원을 하거나 피드백을 받는 것거나,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;기업 내부에서 직원간 소통을 위한 프로그램으로도 사용하고 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이 글에서는 디스코드에 대한 자세한 사용 설명 보다는 개념을 설명하는 것을 목적으로 합니다&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;디스코드 개념&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;카카오톡은 등록된 지인 목록을 보여주고, 채팅하는 것에서 끝난다면,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;디스코드도 &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;친구 추가한 사람끼리 따로 채팅(=다이렉트 메시지)을 할 수도 있지만,&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;기본적으로 커뮤니티(=서버)를 만들고 목적별로 구분된 방(=채널)을 만들어 주제나 내용에 집중할 수 있는 커뮤니티 플랫폼 입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20250930-013141-519.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/btGTOP/btsQTOaPkay/SCeAtugPq1Yp9rsFxQbsm1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/btGTOP/btsQTOaPkay/SCeAtugPq1Yp9rsFxQbsm1/img.jpg&quot; data-alt=&quot;디스코드 '서버' 화면 예시&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/btGTOP/btsQTOaPkay/SCeAtugPq1Yp9rsFxQbsm1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbtGTOP%2FbtsQTOaPkay%2FSCeAtugPq1Yp9rsFxQbsm1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; data-filename=&quot;20250930-013141-519.jpg&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;디스코드 '서버' 화면 예시&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;서버&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;카카오톡에서는 그룹채팅을 만들면 거기 한 곳에서 참여한 사람이 모두 동시에 얘기하는 방식이죠&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;다른 주제나 다른 사람끼리 얘기를 하려면 따로 그룹채팅을 만들어야 합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;디스코드는 서버를 만들고 서버 내에서 주제나 목적별로 카테고리와 채널을 만들어 소통하는 방식 입니다&lt;/b&gt;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;서버 &amp;gt; 카테고리 &amp;gt; 채널&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;예를들면, 학생이라면 같은 반 디스코드 서버, 동아리 서버를 만들수도 있고,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;직장인이나 프리랜서라면 프로젝트 서버, 기업 고객센터,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;낚시나 운동 등 취미를 좋아하는 사람들끼리 모이는 서버,&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;가족 서버, 학창시절 친구들과 하는 서버&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;등 목적이나 지인에 따라 서버를 개설하면 됩니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;서버를 만들면 임의의 누구나 초대 링크를 통해 가입하거나&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;지원서 승인을 받아야 가입하는 등 조건을 설정할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;카테고리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;카테고리를 이용해 서버내에서 채널들을 주제나 목적에 따라 그룹지어 분류할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;카테고리 별 권한 설정, 알림 설정을 할 수 있고, 그외의 기능은 크게 없습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;채널&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;채널은 사람들끼리 소통할 수 있는 공간입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;채널은 간단하게 3가지 종류가 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;20250930-021502-529.jpg&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;596&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/byFyoJ/btsQWpmYbbr/KbTgI4yoPbkx9kYmVJZEr1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/byFyoJ/btsQWpmYbbr/KbTgI4yoPbkx9kYmVJZEr1/img.jpg&quot; data-alt=&quot;채널의 종류&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/byFyoJ/btsQWpmYbbr/KbTgI4yoPbkx9kYmVJZEr1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbyFyoJ%2FbtsQWpmYbbr%2FKbTgI4yoPbkx9kYmVJZEr1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;500&quot; height=&quot;596&quot; data-filename=&quot;20250930-021502-529.jpg&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;596&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;채널의 종류&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;텍스트 채널&lt;/b&gt;을 가장 많이 사용할텐데, 여기서 대화와 자료 공유를 할 수 있습니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;음성채널&lt;/b&gt;은 음성, 영상, 화면공유를 할 수 있는 채널 입니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;주의사항은 텍스트 채널에 들어가면 채팅할 수 있지만,&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;음성채널에 들어가면 따로 채팅할 수 있는 공간은 없습니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;음성채널에 들어가고 대화를 종료하려면 전화 모양의 아이콘을 눌러 &quot;연결끊기&quot;를 하셔야 됩니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;03-voice-disconnect.jpg&quot; data-origin-width=&quot;388&quot; data-origin-height=&quot;205&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bd5AKw/btsQUAQK4Fk/1cErZRaeq2ovithcyLuXbK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bd5AKw/btsQUAQK4Fk/1cErZRaeq2ovithcyLuXbK/img.jpg&quot; data-alt=&quot;음성채널 나가기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bd5AKw/btsQUAQK4Fk/1cErZRaeq2ovithcyLuXbK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbd5AKw%2FbtsQUAQK4Fk%2F1cErZRaeq2ovithcyLuXbK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;388&quot; height=&quot;205&quot; data-filename=&quot;03-voice-disconnect.jpg&quot; data-origin-width=&quot;388&quot; data-origin-height=&quot;205&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;음성채널 나가기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;포럼&lt;/b&gt;은 특정 주제나 사안에 대해 얘기할 수 있는 채널 입니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;서양에서 주로 쓰이는 '포럼 게시판'을 디스코드에 담은 기능입니다&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style7&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;디스코드 사용법 자체는 크게 어렵지 않습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;막상 사용해보면 금방 적응할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;또 이외에 많은 기능이 있으니 다양하게 활용할 수도 있습니다&lt;/p&gt;</description>
      <category>정보/IT 이야기</category>
      <category>discord</category>
      <category>SNS</category>
      <category>디스코드</category>
      <category>소통</category>
      <category>카카오톡</category>
      <category>커뮤니티 플랫폼</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/212</guid>
      <comments>https://kais.tistory.com/entry/discord-a-platform-that-can-replace-kakaotalk#entry212comment</comments>
      <pubDate>Tue, 30 Sep 2025 02:35:33 +0900</pubDate>
    </item>
    <item>
      <title>[스프레드시트] 문자열 중에서 데이터에 해당하는 문자 추출하기 (RegExExtract)</title>
      <link>https://kais.tistory.com/entry/speadsheetextracting-characters-corresponding-to-data-from-a-string</link>
      <description>&lt;p data-ke-size=&quot;size18&quot;&gt;데이터 수집을 하다보면 정제되지 않은 데이터가 많고, 이를 통계를 내기 위해서는 데이터를 분리해야하는 상황이 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;예를들면 자동차 판매량 데이터를 보면, 제조사와 모델명이 따로 구분되지 않고 같이 적혀 있는 경우가 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이런 경우 단순히 공백을 기준으로 나누기도 어려운게, 두 단어 이상으로 된 이름도 있기 때문입니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아래와 같이 데이터 중에는 단순한 공백 분리 같은 문자열 처리로 어려운 상황이지만&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;제조사나 모델이라는 정해진 데이터가 있는 경우 RegExExtract() 함수를 이용해 처리할 수 있습니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;데이터 문자열을 각각 따로 분류&lt;/b&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 55px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style1&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 28.1783%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;데이터&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 12.597%; text-align: center; height: 21px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;제조사&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 32.6356%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;모델명&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 28.1783%; height: 17px;&quot;&gt;Acura&amp;nbsp;ZDX&lt;/td&gt;
&lt;td style=&quot;width: 12.597%; text-align: center; height: 17px;&quot;&gt;&amp;rarr;&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%; height: 17px;&quot;&gt;Acura&lt;/td&gt;
&lt;td style=&quot;width: 32.6356%; height: 17px;&quot;&gt;ZDX&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 28.1783%; height: 17px;&quot;&gt;Alfa&amp;nbsp;Romeo&amp;nbsp;Tonale&lt;/td&gt;
&lt;td style=&quot;width: 12.597%; text-align: center; height: 17px;&quot;&gt;&amp;rarr;&lt;/td&gt;
&lt;td style=&quot;width: 26.5891%; height: 17px;&quot;&gt;Alfa&amp;nbsp;Romeo&lt;/td&gt;
&lt;td style=&quot;width: 32.6356%; height: 17px;&quot;&gt;Tonale&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;우선 [제조사 목록] 데이터를 따로 만듭니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;이 데이터를 기반으로 문자열을 추출하게 됩니다&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 127px;&quot; border=&quot;1&quot; data-ke-style=&quot;style12&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 17px; text-align: center;&quot;&gt;&lt;b&gt;A&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;1&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 21px;&quot;&gt;&lt;b&gt;제조사 목록&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 15px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; height: 15px; text-align: center;&quot;&gt;&lt;b&gt;2&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 15px;&quot;&gt;Acura&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 22px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; height: 22px; text-align: center;&quot;&gt;&lt;b&gt;3&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 22px;&quot;&gt;Alfa&amp;nbsp;Romeo&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; text-align: center; height: 17px;&quot;&gt;&lt;b&gt;4&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 17px;&quot;&gt;Audi&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; text-align: center; height: 17px;&quot;&gt;&lt;b&gt;5&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 17px;&quot;&gt;BMW&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 18px;&quot;&gt;
&lt;td style=&quot;width: 1.16279%; text-align: center; height: 18px;&quot;&gt;&lt;b&gt;6&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 20.3488%; height: 18px;&quot;&gt;&lt;span style=&quot;color: #9d9d9d;&quot;&gt;...생략...&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;제조사 목록을 &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;JOIN() 함수를 사용해&lt;span&gt; &lt;/span&gt;&lt;/span&gt;정규표현식 문자열로 만듭니다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;정규표현식에서 &quot;|&quot; 표현은 OR 를 의미합니다&lt;/p&gt;
&lt;pre id=&quot;code_1758819246479&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=JOIN(&quot;|&quot;, '제조사 목록'!$A$2:$A$10)&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;// 결과&lt;br /&gt;// Acura|Alfa Romeo|Audi|BMW|...생략...&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;RegExExtract() 함수로 맞는 문자열을 추출합니다&lt;/b&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1758819414359&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;=REGEXEXTRACT($A2, JOIN(&quot;|&quot;, '제조사 목록'!$A$2:$A$10))&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;// 결과&lt;br /&gt;// Alfa Romeo&lt;/blockquote&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;주의할 점&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;RegEx에서 &quot;|&quot; 사용시 앞에 있는 항목부터 검사하기 때문에 순서에 따라 검색되지 않는 경우가 있습니다&lt;br /&gt;&lt;br /&gt;예를들어, 아래와 같이 뒤에 나오는 문자의 일부 문자가 앞에 있는 경우&lt;br /&gt;Apple이 앞에 있어서 Apple만 추출됩니다&lt;br /&gt;=RegExExtract(&quot;AppleMango&quot;, &quot;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;b&gt;Apple&lt;/b&gt;&lt;/span&gt;&lt;b&gt;|&lt;/b&gt;&lt;span style=&quot;color: #006dd7;&quot;&gt;&lt;b&gt;AppleMango&lt;/b&gt;&lt;/span&gt;&quot;)&lt;br /&gt;// 결과 : Apple&lt;br /&gt;&lt;br /&gt;이런 문제를 피하려면 순서를 바꾸면 됩니다&lt;br /&gt;=RegExExtract(&quot;AppleMango&quot;, &quot;&lt;span style=&quot;color: #006dd7;&quot;&gt;&lt;b&gt;AppleMango&lt;/b&gt;&lt;/span&gt;&lt;b&gt;|&lt;/b&gt;&lt;span style=&quot;color: #009a87;&quot;&gt;&lt;b&gt;Apple&lt;/b&gt;&lt;/span&gt;&quot;)&lt;br /&gt;// 결과 : AppleMango&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;결과&lt;/b&gt;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 106px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style12&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 17px;&quot;&gt;
&lt;td style=&quot;width: 6.45349%; height: 17px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 16.2791%; text-align: center; height: 17px;&quot;&gt;&lt;b&gt;A&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 29.1859%; text-align: center; height: 17px;&quot;&gt;&lt;b&gt;B&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 17.6745%; text-align: center; height: 17px;&quot;&gt;&lt;b&gt;C&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 21px;&quot;&gt;
&lt;td style=&quot;width: 6.45349%; text-align: center; height: 21px;&quot;&gt;&lt;b&gt;1&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 16.2791%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt; 모델 &lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 29.1859%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;수식&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 17.6745%; height: 21px; text-align: center;&quot;&gt;&lt;b&gt;결과&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 34px;&quot;&gt;
&lt;td style=&quot;width: 6.45349%; text-align: center; height: 34px;&quot;&gt;&lt;b&gt;2&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 16.2791%; height: 34px;&quot;&gt;Acura&amp;nbsp;ZDX&lt;/td&gt;
&lt;td style=&quot;width: 29.1859%; height: 34px;&quot;&gt;=REGEXEXTRACT($A2, JOIN(&quot;|&quot;, $A$2:$A$3))&lt;/td&gt;
&lt;td style=&quot;width: 17.6745%; height: 34px;&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;Acura&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 34px;&quot;&gt;
&lt;td style=&quot;width: 6.45349%; text-align: center; height: 34px;&quot;&gt;&lt;b&gt;3&lt;/b&gt;&lt;/td&gt;
&lt;td style=&quot;width: 16.2791%; height: 34px;&quot;&gt;Alfa&amp;nbsp;Romeo&amp;nbsp;Tonale&lt;/td&gt;
&lt;td style=&quot;width: 29.1859%; height: 34px;&quot;&gt;=REGEXEXTRACT($A3, JOIN(&quot;|&quot;, $A$2:$A$3))&lt;/td&gt;
&lt;td style=&quot;width: 17.6745%; height: 34px;&quot;&gt;Alfa&amp;nbsp;Romeo&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;스프레드시트를 사용한다면 정규표현식은 꼭 배워두는 걸 추천합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>프로그래밍/스프레드시트</category>
      <category>regex</category>
      <category>regexextract</category>
      <category>구글 스프레드시트</category>
      <category>정규표현식</category>
      <author>카이(KAi)</author>
      <guid isPermaLink="true">https://kais.tistory.com/211</guid>
      <comments>https://kais.tistory.com/entry/speadsheetextracting-characters-corresponding-to-data-from-a-string#entry211comment</comments>
      <pubDate>Fri, 26 Sep 2025 02:14:01 +0900</pubDate>
    </item>
  </channel>
</rss>