<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>코딩하지뭐</title>
    <link>https://codercharlie.tistory.com/</link>
    <description>코딩하지뭐</description>
    <language>ko</language>
    <pubDate>Mon, 25 May 2026 17:18:14 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>CoderCharlie</managingEditor>
    <image>
      <title>코딩하지뭐</title>
      <url>https://tistory1.daumcdn.net/tistory/8172801/attach/4abd114cb3a649a0afb0df37cf9d16ea</url>
      <link>https://codercharlie.tistory.com</link>
    </image>
    <item>
      <title>로렌스 존스 목사 (Laurence Clifton Jones, 1882~1975)</title>
      <link>https://codercharlie.tistory.com/41</link>
      <description>&lt;h3 data-end=&quot;36&quot; data-start=&quot;25&quot; data-ke-size=&quot;size23&quot;&gt;인물 소개&lt;/h3&gt;
&lt;p data-end=&quot;232&quot; data-start=&quot;37&quot; data-ke-size=&quot;size16&quot;&gt;로렌스 C. 존스(Laurence Clifton Jones, 1882~1975)는 미국 흑인 교육 운동의 핵심 인물이다. 그는 미시시피주에서 흑인 청소년을 위한 학교를 세우고 평생을 교육에 헌신했다. 당시 미국 남부는 인종차별이 심각했고 흑인 학생들은 제대로 된 교육을 받기 어려웠다. 존스는 이 문제를 해결하기 위해 직접 학교를 세우기로 결심했다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;640&quot; data-origin-height=&quot;439&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bLG9UY/btsQexl31Vf/7JOQBJnDKVswwkM5Xwji3K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bLG9UY/btsQexl31Vf/7JOQBJnDKVswwkM5Xwji3K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bLG9UY/btsQexl31Vf/7JOQBJnDKVswwkM5Xwji3K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbLG9UY%2FbtsQexl31Vf%2F7JOQBJnDKVswwkM5Xwji3K%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;343&quot; data-origin-width=&quot;640&quot; data-origin-height=&quot;439&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 data-end=&quot;252&quot; data-start=&quot;234&quot; data-ke-size=&quot;size23&quot;&gt;파이니 우즈 학교 설립&lt;/h3&gt;
&lt;p data-end=&quot;471&quot; data-start=&quot;253&quot; data-ke-size=&quot;size16&quot;&gt;1909년 존스는 단돈 몇 달러와 세 명의 학생, 그리고 버려진 양우리 하나로 파이니 우즈 컨트리 라이프 스쿨(Piney Woods Country Life School)을 시작했다. 학교는 농업&amp;middot;기술&amp;middot;기초학문을 함께 가르치는 생활학교였다. 학생들은 스스로 건물을 짓고 밭을 일구며 배우고 생활했다. 이는 단순히 지식을 주입하는 학교가 아니라 자립심과 공동체 정신을 키우는 공간이었다.&lt;/p&gt;
&lt;h3 data-end=&quot;485&quot; data-start=&quot;473&quot; data-ke-size=&quot;size23&quot;&gt;성장과 영향&lt;/h3&gt;
&lt;p data-end=&quot;651&quot; data-start=&quot;486&quot; data-ke-size=&quot;size16&quot;&gt;존스는 학교를 유지하기 위해 끊임없이 기금을 모았다. 그는 북부와 중서부를 돌며 연설했고, 이를 통해 수많은 후원자를 얻었다. 학교는 점차 규모를 키웠고 지금까지도 &lt;b&gt;흑인 청소년을 위한 기숙학교&lt;/b&gt;로 운영되고 있다. 파이니 우즈 학교는 많은 졸업생을 배출하며 흑인 교육의 상징으로 자리 잡았다.&lt;/p&gt;
&lt;h3 data-end=&quot;668&quot; data-start=&quot;653&quot; data-ke-size=&quot;size23&quot;&gt;존스의 교육 철학&lt;/h3&gt;
&lt;p data-end=&quot;813&quot; data-start=&quot;669&quot; data-ke-size=&quot;size16&quot;&gt;존스는 교육을 단순히 취업 수단이 아니라 &lt;b&gt;인격 형성과 공동체 발전의 핵심&lt;/b&gt;으로 보았다. 그는 학생들에게 기술과 학문을 함께 가르치며 스스로 존중받을 수 있는 삶을 준비시켰다. 이 철학은 당시 부커 T. 워싱턴 같은 흑인 지도자들의 사상과도 닮아 있었다.&lt;/p&gt;
&lt;h3 data-end=&quot;823&quot; data-start=&quot;815&quot; data-ke-size=&quot;size23&quot;&gt;평가&lt;/h3&gt;
&lt;p data-end=&quot;963&quot; data-start=&quot;824&quot; data-ke-size=&quot;size16&quot;&gt;로렌스 C. 존스는 학교 하나를 세웠을 뿐만 아니라, 흑인 교육 운동의 가능성을 보여 준 인물이다. 열악한 환경에서도 교육이 변화를 만든다는 사실을 몸소 증명했다. 그의 학교는 100년이 지난 지금도 여전히 운영되며 그의 신념을 이어 가고 있다.&lt;/p&gt;</description>
      <category>잡학사전</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/41</guid>
      <comments>https://codercharlie.tistory.com/41#entry41comment</comments>
      <pubDate>Sat, 30 Aug 2025 00:23:34 +0900</pubDate>
    </item>
    <item>
      <title>Grok 2 오픈소스 공개</title>
      <link>https://codercharlie.tistory.com/40</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cLYtCp/btsQbZiRWXv/9n3dzoUOPv6AnfCQqVWGm1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cLYtCp/btsQbZiRWXv/9n3dzoUOPv6AnfCQqVWGm1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cLYtCp/btsQbZiRWXv/9n3dzoUOPv6AnfCQqVWGm1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcLYtCp%2FbtsQbZiRWXv%2F9n3dzoUOPv6AnfCQqVWGm1%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;670&quot; height=&quot;377&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;720&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-end=&quot;79&quot; data-start=&quot;61&quot; data-ke-size=&quot;size26&quot;&gt;Grok 2 오픈소스로 공개&lt;/h2&gt;
&lt;p data-end=&quot;215&quot; data-start=&quot;81&quot; data-ke-size=&quot;size16&quot;&gt;일론 머스크가 이끄는 AI 기업 xAI가 자사의 챗봇 모델 Grok 2.5를 오픈소스로 공개했다. 이 발표는 2025년 8월 23일에 X(전 트위터)를 통해 이루어졌다 .&lt;/p&gt;
&lt;p data-end=&quot;361&quot; data-start=&quot;217&quot; data-ke-size=&quot;size16&quot;&gt;Grok 2.5는 지난해 xAI에서 최고의 성능을 가진 모델로 평가받았으며, 이제 그 가중치(weights)를 허깅페이스(Hugging Face)를 통해 누구나 다운로드하고 활용할 수 있다.&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-end=&quot;535&quot; data-start=&quot;363&quot; data-ke-size=&quot;size16&quot;&gt;xAI는 이번 공개와 함께 다음 버전인 Grok 3도 약 6개월 후에 오픈소스로 공개할 예정임을 함께 밝혔다 &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;. 일부 보도는 그 시기를 2026년 2월로 예상하기도 한다&amp;nbsp;&lt;/p&gt;
&lt;hr data-end=&quot;540&quot; data-start=&quot;537&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;563&quot; data-start=&quot;542&quot; data-ke-size=&quot;size26&quot;&gt;Grok 2 오픈소스 공개의 의미&lt;/h2&gt;
&lt;h3 data-end=&quot;580&quot; data-start=&quot;565&quot; data-ke-size=&quot;size23&quot;&gt;개방과 투명의 확대&lt;/h3&gt;
&lt;p data-end=&quot;712&quot; data-start=&quot;582&quot; data-ke-size=&quot;size16&quot;&gt;xAI는 매번 새로운 모델을 공개할 때 이전 버전을 오픈소스로 공개하는 전략을 이어가고 있다. 이는 AI 기술의 민주화와 개발자 커뮤니티의 확산을 지향하는 방향이다.&lt;/p&gt;
&lt;h3 data-end=&quot;729&quot; data-start=&quot;714&quot; data-ke-size=&quot;size23&quot;&gt;기술적 활용 가능성&lt;/h3&gt;
&lt;p data-end=&quot;821&quot; data-start=&quot;731&quot; data-ke-size=&quot;size16&quot;&gt;Grok 2.5의 오픈소스 공개는 모델 전체를 연구하거나 개선할 수 있는 기회를 제공한다. 사용자는 모델의 내부 구조를 이해하고, 다양한 커스터마이징이 가능하다.&lt;/p&gt;
&lt;p data-end=&quot;973&quot; data-start=&quot;823&quot; data-ke-size=&quot;size16&quot;&gt;허깅페이스 리포지토리에 따르면 Grok-2 (2.5 이전 버전으로 간주될 수도 있는) 모델의 가중치는 약 500GB 크기에 42개의 파일로 구성되며, SGLang 기반으로 추론 서버를 구축할 수 있다&amp;nbsp;&lt;/p&gt;
&lt;h3 data-end=&quot;989&quot; data-start=&quot;975&quot; data-ke-size=&quot;size23&quot;&gt;업계 반응과 전망&lt;/h3&gt;
&lt;p data-end=&quot;1060&quot; data-start=&quot;991&quot; data-ke-size=&quot;size16&quot;&gt;커뮤니티 반응을 보면 이러한 오픈소스 공개가 모두에게 호평받는 것은 아니었다.&amp;nbsp;&lt;/p&gt;
&lt;p data-end=&quot;1319&quot; data-start=&quot;1232&quot; data-ke-size=&quot;size16&quot;&gt;일부에서는 기술적 경쟁력이 다소 떨어진다는 목소리도 있지만, 그럼에도 작은 연구소나 개인 개발자에게 기회를 제공한다는 점에서는 긍정적으로 보는 시각이다.&lt;/p&gt;
&lt;hr data-end=&quot;1324&quot; data-start=&quot;1321&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;1344&quot; data-start=&quot;1326&quot; data-ke-size=&quot;size26&quot;&gt;Grok 시리즈의 흐름 정리&lt;/h2&gt;
&lt;div&gt;
&lt;div&gt;버전공개/출시 시기특징 및 공개 여부
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-end=&quot;1933&quot; data-start=&quot;1346&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody data-end=&quot;1933&quot; data-start=&quot;1489&quot;&gt;
&lt;tr data-end=&quot;1559&quot; data-start=&quot;1489&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1500&quot; data-start=&quot;1489&quot;&gt;Grok 1&lt;/td&gt;
&lt;td data-end=&quot;1523&quot; data-start=&quot;1500&quot; data-col-size=&quot;sm&quot;&gt;2024년 3월 공개&lt;/td&gt;
&lt;td data-end=&quot;1559&quot; data-start=&quot;1523&quot; data-col-size=&quot;sm&quot;&gt;오픈소스 (Apache-2.0)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr data-end=&quot;1627&quot; data-start=&quot;1560&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1571&quot; data-start=&quot;1560&quot;&gt;Grok 1.5&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1594&quot; data-start=&quot;1571&quot;&gt;2024년 중 발표&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1627&quot; data-start=&quot;1594&quot;&gt;폐쇄 소스, 향상된 성능&lt;/td&gt;
&lt;/tr&gt;
&lt;tr data-end=&quot;1696&quot; data-start=&quot;1628&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1639&quot; data-start=&quot;1628&quot;&gt;Grok 2&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1664&quot; data-start=&quot;1639&quot;&gt;2024년 8월&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1696&quot; data-start=&quot;1664&quot;&gt;초기 베타, 이후 공개되지 않음&lt;/td&gt;
&lt;/tr&gt;
&lt;tr data-end=&quot;1760&quot; data-start=&quot;1697&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1708&quot; data-start=&quot;1697&quot;&gt;Grok 2.5&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1727&quot; data-start=&quot;1708&quot;&gt;2025년 8월 오픈소스 공개&lt;/td&gt;
&lt;td data-end=&quot;1760&quot; data-start=&quot;1727&quot; data-col-size=&quot;sm&quot;&gt;허깅페이스에서 가중치 공개&lt;/td&gt;
&lt;/tr&gt;
&lt;tr data-end=&quot;1830&quot; data-start=&quot;1761&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1772&quot; data-start=&quot;1761&quot;&gt;Grok 3&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1795&quot; data-start=&quot;1772&quot;&gt;2025년 2월 출시&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1830&quot; data-start=&quot;1795&quot;&gt;곧 오픈소스 예정&lt;/td&gt;
&lt;/tr&gt;
&lt;tr data-end=&quot;1933&quot; data-start=&quot;1831&quot;&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1842&quot; data-start=&quot;1831&quot;&gt;Grok 4&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1865&quot; data-start=&quot;1842&quot;&gt;2025년 7월 출시&lt;/td&gt;
&lt;td data-col-size=&quot;sm&quot; data-end=&quot;1933&quot; data-start=&quot;1865&quot;&gt;현재까지 공개되지 않은 최신 버전&amp;nbsp;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr data-end=&quot;1938&quot; data-start=&quot;1935&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;1946&quot; data-start=&quot;1940&quot; data-ke-size=&quot;size26&quot;&gt;마무리&lt;/h2&gt;
&lt;p data-end=&quot;2094&quot; data-start=&quot;1948&quot; data-ke-size=&quot;size16&quot;&gt;xAI의 Grok 시리즈는 각 버전이 공개되며 빠르게 발전해 왔다. 특히 Grok 2.5의 오픈소스 공개는 기술적 탐구와 혁신을 열 수 있는 중요한 전환점이다. 앞으로 Grok 3의 공개 시점이 다가올수록, AI 커뮤니티에 미칠 파장도 더욱 커질 것으로 보인다.&lt;/p&gt;</description>
      <category>잡담</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/40</guid>
      <comments>https://codercharlie.tistory.com/40#entry40comment</comments>
      <pubDate>Thu, 28 Aug 2025 23:22:19 +0900</pubDate>
    </item>
    <item>
      <title>리액트 네이티브 앱 아이콘, 파비콘, 스플래시 스크린 생성, 변환기 Expo Icon Builder</title>
      <link>https://codercharlie.tistory.com/38</link>
      <description>&lt;p data-pm-slice=&quot;1 3 []&quot; data-ke-size=&quot;size16&quot;&gt;expo를 이용해 리액트 네이티브 앱을 개발하던 중 icon과 스플래시 스크린 등등에서 상당히 골머리를 앓았다. 뭔 문서마다 이야기 하는 형식이 천차만별이다. 또 하나의 아이콘을 만들어도 스플래시나 여느 곳에 쓸 다른 버전을 만드는게 상당히 귀찮다. expo공식문서에서 지원하는 Expo Icon Builder 사이트에서 이걸 한번에 해결할 수 있다.&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;1024&quot; data-origin-height=&quot;631&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b41dSO/btsPXTxfyGM/bFWE7YuepPvZ0paaG7h9HK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b41dSO/btsPXTxfyGM/bFWE7YuepPvZ0paaG7h9HK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b41dSO/btsPXTxfyGM/bFWE7YuepPvZ0paaG7h9HK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb41dSO%2FbtsPXTxfyGM%2FbFWE7YuepPvZ0paaG7h9HK%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;321&quot; height=&quot;198&quot; data-origin-width=&quot;1024&quot; data-origin-height=&quot;631&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;Expo Icon Builder&amp;nbsp;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://buildicon.netlify.app/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://buildicon.netlify.app/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1755670123563&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;Expo Icon Builder&quot; data-og-description=&quot;&quot; data-og-host=&quot;buildicon.netlify.app&quot; data-og-source-url=&quot;https://buildicon.netlify.app/&quot; data-og-url=&quot;https://buildicon.netlify.app/&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://buildicon.netlify.app/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://buildicon.netlify.app/&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;Expo Icon Builder&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;buildicon.netlify.app&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;h3 data-ke-size=&quot;size23&quot;&gt;1. &lt;b&gt;기능 및 특징&lt;/b&gt;&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;아이콘 생성 및 커스터마이징&lt;/b&gt;:
&lt;ul style=&quot;list-style-type: disc;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;사용자는 SVG 기반 아이콘을 생성하고 색상, 크기, 스타일을 조정 가능.&lt;/li&gt;
&lt;li&gt;직접 이미지를 업로드 할 수 있다.&lt;/li&gt;
&lt;li&gt;1000개 이상의 편집 가능한 아이콘 제공, 실시간 미리보기 지원.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;b&gt;출력&lt;/b&gt;:
&lt;ul style=&quot;list-style-type: disc;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;PNG 포맷으로 개별 아이콘 또는 아이콘 팩 다운로드 가능.&lt;/li&gt;
&lt;li&gt;React Native 및 Expo 앱에 최적화된 아이콘 출력.&lt;/li&gt;
&lt;li&gt;파비콘과 아이콘, 스플래시를 한번에 만들어 준다.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;2. &lt;b&gt;사용 방법&lt;/b&gt;&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;:&lt;a href=&quot;https://buildicon.netlify.app/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://buildicon.netlify.app/&lt;/a&gt; 접속.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;아이콘 커스터마이징&lt;/b&gt;:
&lt;ol style=&quot;list-style-type: decimal;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;아이콘 라이브러리에서 원하는 아이콘 선택.&lt;/li&gt;
&lt;li&gt;색상 선택기로 색상 지정.&lt;/li&gt;
&lt;li&gt;크기(예: 16x16, 32x32, 256x256) 및 스타일(라인, 플랫, 그라디언트) 조정.&lt;/li&gt;
&lt;li&gt;실시간 미리보기 확인 후 SVG/PNG로 다운로드.&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Expo 프로젝트 통합&lt;/b&gt;:
&lt;ul style=&quot;list-style-type: disc;&quot; data-tight=&quot;true&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;다운로드한 아이콘을 &lt;span&gt;assets&lt;/span&gt; 폴더에 추가.&lt;/li&gt;
&lt;li&gt;&lt;span&gt;expo-asset&lt;/span&gt;으로 로드하거나, &lt;span&gt;react-native-vector-icons&lt;/span&gt;을 통해 동적 삽입.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>공구함 (tools &amp;amp; utils)</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/38</guid>
      <comments>https://codercharlie.tistory.com/38#entry38comment</comments>
      <pubDate>Wed, 27 Aug 2025 16:16:04 +0900</pubDate>
    </item>
    <item>
      <title>모델 컨텍스트 프로토콜 MCP를 활용한 바이브 코딩 입문 가이드 - mcp 코딩 에이전트</title>
      <link>https://codercharlie.tistory.com/35</link>
      <description>&lt;h1 data-end=&quot;13&quot; data-start=&quot;0&quot;&gt;바이브 코딩이란?&lt;/h1&gt;
&lt;p data-end=&quot;518&quot; data-start=&quot;14&quot; data-ke-size=&quot;size16&quot;&gt;바이브 코딩(Vibe Coding)은 개발자가 직접 코드를 타이핑하지 않고, AI(대규모 언어 모델, LLM)에 자연어로 지시하여 코드를 생성하는 방식이다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;. 즉, 개발자는 문제 해결을 위한 요구사항을 AI에게 설명하고 AI가 생성한 코드를 테스트하거나 수정하며 함께 작업한다. 예를 들어 &amp;ldquo;이 함수에 API 호출을 추가해줘&amp;rdquo;와 같은 명령을 하면, AI가 코드를 작성해주는 형태다. Steady Study 블로그는 &amp;ldquo;바이브 코딩은 AI에게 코딩 작업을 외주 맡기는 것&amp;rdquo;으로 비유했으며, 이로써 코딩의 본질은 바뀌지 않지만 실행 주체가 AI로 이동한다고 설명한다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;. Karpathy 등이 주창하면서 2025년 경 주목받기 시작했으며, 소프트웨어 개발 접근 방식을 크게 바꿀 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;518&quot; data-start=&quot;14&quot; 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-origin-width=&quot;870&quot; data-origin-height=&quot;455&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/kOC8k/btsPWss1JCW/W5IqHr9n5ynjiQEUESuwb0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/kOC8k/btsPWss1JCW/W5IqHr9n5ynjiQEUESuwb0/img.png&quot; data-alt=&quot;mcp&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/kOC8k/btsPWss1JCW/W5IqHr9n5ynjiQEUESuwb0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkOC8k%2FbtsPWss1JCW%2FW5IqHr9n5ynjiQEUESuwb0%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;632&quot; height=&quot;331&quot; data-origin-width=&quot;870&quot; data-origin-height=&quot;455&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;mcp&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h1 data-end=&quot;552&quot; data-start=&quot;520&quot;&gt;MCP란? Model Context Protocol&lt;/h1&gt;
&lt;p data-end=&quot;1128&quot; data-start=&quot;553&quot; data-ke-size=&quot;size16&quot;&gt;모델 컨텍스트 프로토콜(MCP)는 AI 모델에게 개발 환경의 문맥(Context) 정보를 구조화된 방식으로 전달하는 &lt;b&gt;개방형 표준 프로토콜&lt;/b&gt;이다. 다시 말해, MCP를 통해 AI는 현재 작업 중인 프로젝트의 구조, 열려 있는 파일과 커서 위치, 설정 파일, Git 브랜치 정보, 최근 실행 명령어 및 로그 등 &lt;b&gt;실시간 작업 환경 정보를 받아볼 수 있다&lt;/b&gt;&amp;nbsp;이런 문맥 정보가 있으면 AI는 단순한 예제 코드가 아니라 실제 프로젝트 상황에 맞는 코드를 생성하거나 문제를 해결할 수 있다. 예를 들어 MCP가 없는 상태에서 &amp;ldquo;이 함수에 API 호출을 추가해줘&amp;rdquo;라고 요청하면 AI는 일반적인 예제만 제시할 수밖에 없지만, MCP가 있으면 해당 함수가 속한 파일, 환경 설정, 사용 라이브러리 등을 모두 고려해 실제 코드에 들어갈 구현을 제안할 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;1550&quot; data-start=&quot;1130&quot; data-ke-size=&quot;size16&quot;&gt;MCP는 &lt;b&gt;클라이언트-서버 아키텍처&lt;/b&gt;로 동작한다. 개발자가 사용하는 &lt;b&gt;호스트 애플리케이션&lt;/b&gt;(예: VS Code, Notion 등)에 MCP &lt;b&gt;클라이언트&lt;/b&gt;(확장 프로그램 또는 에이전트)를 설치하면, 이 클라이언트가 호스트에서 수집한 문맥 정보를 MCP &lt;b&gt;서버&lt;/b&gt;로 보낸다. MCP 서버는 여러 클라이언트로부터 받은 정보를 정제하여 AI 모델(Claude, GPT 등)에 전달하고, AI가 필요로 하는 도구(tool)를 연결해준다. 결과적으로 MCP를 이용하면 AI는 현재 프로젝트의 파일 구조와 환경 설정을 알고 적절한 도움을 줄 수 있다&lt;/p&gt;
&lt;h1 data-end=&quot;1571&quot; data-start=&quot;1552&quot;&gt;MCP 기반 코딩 환경 준비&lt;/h1&gt;
&lt;p data-end=&quot;1882&quot; data-start=&quot;1572&quot; data-ke-size=&quot;size16&quot;&gt;MCP 환경을 구성하려면 먼저 개발 환경과 필수 도구를 준비해야 한다. 예를 들어 Python을 사용한다면 Python 3.10 이상을 권장하며 패키지 매니저(예: pip 또는 uv)로 MCP SDK를 설치한다. 공식 MCP Python 라이브러리인 mcp[cli]를 설치하면 서버와 클라이언트 기능을 모두 사용할 수 있다. 실제 예제에서는 다음과 같이 uv를 이용해 필요한 라이브러리를 설치한다&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre id=&quot;code_1755603352970&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;uv init my_project       # 새 프로젝트 디렉터리 생성
cd my_project
uv venv                 # 가상환경 생성
source .venv/bin/activate  # (Windows: .venv\Scripts\activate)
uv add mcp[cli]         # MCP SDK 설치
# 필요 시 LLM 라이브러리, 예: Anthropic Claude용 패키지 설치
uv add anthropic python-dotenv&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-end=&quot;2674&quot; data-start=&quot;2164&quot; data-ke-size=&quot;size16&quot;&gt;환경 설정 후 .env 파일에 AI 모델 API 키(예: Claude API 키)를 저장해두면 보안상 안전하다. 이때 python-dotenv를 사용하면 애플리케이션에서 손쉽게 키를 불러올 수 있다. 그 외에 프로젝트에 필요한 라이브러리를 설치한다. 예를 들어 CSV나 Parquet 파일을 처리하려면 pandas, pyarrow 같은 라이브러리도 함께 설치할 수 있다. 마지막으로 AI 모델로는 Claude Desktop(클라우드 데스크톱 앱)이나 OpenAI Agents SDK를 활용할 수 있다. Claude Desktop을 사용할 경우, 로컬 머신에 설치하고 MCP 서버 정보를 설정 파일(claude_desktop_config.json)에 추가하여 AI와 통신할 수 있다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://medium.com/data-engineering-with-dremio/building-a-basic-mcp-server-with-python-4c34c41031ed#:~:text=Paste%20the%20following%20JSON%20into,to%20your%20mix_server%20project%20folder&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;m&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;.&lt;/p&gt;
&lt;h1 data-end=&quot;2714&quot; data-start=&quot;2676&quot;&gt;MCP 기반 예제: 간단한 MCP 서버와 도구(tool) 등록&lt;/h1&gt;
&lt;p data-end=&quot;2822&quot; data-start=&quot;2715&quot; data-ke-size=&quot;size16&quot;&gt;이제 예제를 통해 MCP 서버를 구성하고 클라이언트(LLM)와 연동해보자. 간단히 &lt;b&gt;Python 코드&lt;/b&gt;로 MCP 서버를 띄우고, AI가 호출할 수 있는 함수를 도구로 등록하는 방식이다.&lt;/p&gt;
&lt;p data-end=&quot;2969&quot; data-start=&quot;2824&quot; data-ke-size=&quot;size16&quot;&gt;먼저 mcp.server.fastmcp 모듈을 사용하여 MCP 서버 인스턴스를 생성하고 실행 스크립트를 작성한다. 예를 들어 server.py 파일에 다음과 같이 작성할 수 있다:&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre id=&quot;code_1755603376250&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;from mcp.server.fastmcp import FastMCP

# &quot;mix_server&quot;라는 이름의 MCP 서버 인스턴스 생성
mcp = FastMCP(&quot;mix_server&quot;)

# 서버 실행 진입점
if __name__ == &quot;__main__&quot;:
    mcp.run()&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-end=&quot;3295&quot; data-start=&quot;3144&quot; data-ke-size=&quot;size16&quot;&gt;이 코드에서 FastMCP(&quot;mix_server&quot;)는 &amp;ldquo;mix_server&amp;rdquo;라는 이름으로 서버를 만들고, mcp.run()이 호출되면 서버가 대기 상태로 진입하여 클라이언트 연결을 기다린다&lt;/p&gt;
&lt;p data-end=&quot;3452&quot; data-start=&quot;3297&quot; data-ke-size=&quot;size16&quot;&gt;다음으로, AI가 호출할 수 있는 도구 함수를 등록하자. 예를 들어 프로젝트의 CSV 파일을 요약해서 반환하는 함수를 작성해보자. tools/csv_tools.py 파일을 만들어 아래와 같이 작성한다&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre id=&quot;code_1755603398941&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;from server import mcp
from utils.file_reader import read_csv_summary

@mcp.tool()
def summarize_csv_file(filename: str) -&amp;gt; str:
    &quot;&quot;&quot;
    CSV 파일의 행과 열 개수를 반환
    &quot;&quot;&quot;
    return read_csv_summary(filename)&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-end=&quot;4104&quot; data-start=&quot;3676&quot; data-ke-size=&quot;size16&quot;&gt;여기서 @mcp.tool() 데코레이터는 summarize_csv_file 함수를 &lt;b&gt;MCP 도구(tool)&lt;/b&gt; 로 등록한다. 이 함수는 인자로 받은 파일 이름에 해당하는 CSV 데이터를 읽어 요약 결과를 반환한다. 마찬가지로 Parquet 파일을 처리하는 도구도 @mcp.tool()를 사용해 등록할 수 있다 &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;. 모든 도구 정의가 끝난 뒤 server.py에서 해당 모듈들을 import하여 데코레이터가 적용되도록 해야 한다&amp;nbsp;이렇게 하면 서버가 실행될 때 자동으로 등록된 도구 목록에 summarize_csv_file 등이 포함된다.&lt;/p&gt;
&lt;p data-end=&quot;4219&quot; data-start=&quot;4106&quot; data-ke-size=&quot;size16&quot;&gt;마지막으로 서버를 실행한다. 터미널에서 프로젝트 루트(예: main.py가 있는 디렉터리)로 이동한 뒤 다음과 같이 입력한다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;:&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre id=&quot;code_1755603410278&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;uv run main.py&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-end=&quot;4622&quot; data-start=&quot;4249&quot; data-ke-size=&quot;size16&quot;&gt;이 명령은 server.py를 실행하여 MCP 서버를 시작한다. 서버가 실행되면 Claude Desktop 같은 클라이언트 애플리케이션을 통해 서버에 연결할 수 있다. 서버 실행 후 Claude Desktop을 재시작하면 상단 툴 아이콘에서 등록된 도구들(summarize_csv_file 등)을 확인할 수 있다. 이후 AI에게 &amp;ldquo;Summarize the CSV file named sample.csv.&amp;rdquo;와 같이 자연어로 요청하면, Claude는 해당 파일을 처리할 도구를 선택해 호출하고 결과를 사용자에게 보여준다&lt;/p&gt;
&lt;h1 data-end=&quot;4642&quot; data-start=&quot;4624&quot;&gt;논리적 흐름과 데이터 흐름&lt;/h1&gt;
&lt;p data-end=&quot;4698&quot; data-start=&quot;4643&quot; data-ke-size=&quot;size16&quot;&gt;위 예제에서 MCP 기반 바이브 코딩이 동작하는 논리적 흐름은 다음과 같다. 단계별로 설명하면:&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;5309&quot; data-start=&quot;4699&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;4827&quot; data-start=&quot;4699&quot;&gt;&lt;b&gt;1. 호스트(IDE/애플리케이션)&lt;/b&gt;: 개발자는 VS Code나 Notion 등에서 작업 중이다. MCP 클라이언트 확장 프로그램이 호스트에서 현재 열려있는 파일, 커서 위치, 프로젝트 설정 같은 문맥 정보를 수집한다.&lt;/li&gt;
&lt;li data-end=&quot;4946&quot; data-start=&quot;4828&quot;&gt;&lt;b&gt;2. MCP 클라이언트 -&amp;gt; 서버 전송&lt;/b&gt;: 클라이언트는 수집된 문맥 정보와 사용자 요청을 MCP 서버로 전송한다. 예를 들어 &amp;ldquo;sample.csv 요약해줘&amp;rdquo;라는 요청이 텍스트 형태로 서버에 전달된다.&lt;/li&gt;
&lt;li data-end=&quot;5063&quot; data-start=&quot;4947&quot;&gt;&lt;b&gt;3. MCP 서버 처리&lt;/b&gt;: 서버는 전달받은 요청과 문맥을 바탕으로 사용할 도구(tool)를 결정한다. 등록된 도구 중 예제의 경우 summarize_csv_file 함수가 호출될 준비를 한다.&lt;/li&gt;
&lt;li data-end=&quot;5192&quot; data-start=&quot;5064&quot;&gt;&lt;b&gt;4. 도구 함수 실행&lt;/b&gt;: MCP 서버는 해당 도구 함수를 호출하여 필요한 처리를 수행한다. 예제에서는 read_csv_summary 함수를 통해 sample.csv 파일을 읽고 내용을 요약한 문자열을 생성한다.&lt;/li&gt;
&lt;li data-end=&quot;5309&quot; data-start=&quot;5193&quot;&gt;&lt;b&gt;5. 결과 반환 및 응답 생성&lt;/b&gt;: 도구 실행 결과(요약 문자열)는 MCP 서버를 통해 다시 AI 모델에 전달된다. AI는 이 결과를 참고해 최종 응답을 생성하고, 사용자가 볼 수 있도록 출력한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;5509&quot; data-start=&quot;5311&quot; data-ke-size=&quot;size16&quot;&gt;이처럼 MCP는 클라이언트-서버 구조를 통해 호스트 환경의 문맥을 AI에게 전달하고, AI가 도구를 호출해 작업을 수행할 수 있도록 한다. 예제를 기준으로 보면, 사용자의 요청이 MCP 서버에 전송되어 관련된 도구가 실행되고, 다시 AI 응답으로 돌아오는 데이터 흐름이 이루어진다.&lt;/p&gt;
&lt;h1 data-end=&quot;5520&quot; data-start=&quot;5511&quot;&gt;활용 사례&lt;/h1&gt;
&lt;p data-end=&quot;5952&quot; data-start=&quot;5521&quot; data-ke-size=&quot;size16&quot;&gt;MCP 기반 바이브 코딩은 다양한 시나리오에서 활용 가능하다. 코드 작성 외에도 문맥을 고려해야 하는 여러 작업에 유용하다. 예를 들어 &lt;b&gt;코드 자동 생성&lt;/b&gt;에서는 프로젝트 설정을 반영하여 실제 작동하는 코드를 제시할 수 있다. &lt;b&gt;디버깅/에러 분석&lt;/b&gt;에서는 실행 로그와 환경 정보를 함께 참조해 원인 분석이 가능하다. &lt;b&gt;자동 문서화&lt;/b&gt;에서는 함수의 목적이나 인자에 대해 코드 문맥을 이해한 뒤 문서를 생성할 수 있다. 뿐만 아니라 &lt;b&gt;문서 작성이나 회의 요약&lt;/b&gt;처럼 개발 외 분야에도 확장할 수 있다. 일례로 미팅 노트나 보고서를 작성할 때, 현재 편집 중인 문서 내용을 바탕으로 요약본을 생성하거나 스타일을 맞출 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;6207&quot; data-start=&quot;5954&quot; data-ke-size=&quot;size16&quot;&gt;구체적인 사례로는 GitHub Pull Request 리뷰를 자동화한 예가 있다. DataCamp 튜토리얼에서는 MCP를 이용해 GitHub PR의 변경 사항을 불러와 Claude가 코드 분석을 수행하고, 그 결과를 Notion에 문서화하는 파이프라인을 구현했다. 이처럼 MCP와 바이브 코딩을 결합하면 반복적이거나 문맥 의존적인 작업을 AI에게 맡겨 효율을 크게 높일 수 있다.&lt;/p&gt;
&lt;h1 data-end=&quot;6215&quot; data-start=&quot;6209&quot;&gt;요약&lt;/h1&gt;
&lt;p data-end=&quot;6600&quot; data-start=&quot;6216&quot; data-ke-size=&quot;size16&quot;&gt;MCP는 AI와의 실시간 협업을 가능하게 하는 핵심 기술로, 바이브 코딩 환경에서 반드시 고려해야 할 요소이다. MCP를 활용하면 개발자는 &lt;b&gt;프로젝트 맥락을 잃지 않고&lt;/b&gt; AI와 협업할 수 있으며, AI는 보다 정확하고 실용적인 결과를 제공할 수 있다. 지금까지 살펴본 MCP 기반 바이브 코딩의 개념과 예제는 시작 단계에 불과하다. 미래의 AI 협업 환경에서는 MCP가 선택이 아닌 필수가 될 것이므로, 오늘부터라도 MCP 기반 도구와 워크플로우를 경험해보기를 권장한다.&lt;/p&gt;
&lt;p data-is-only-node=&quot;&quot; data-is-last-node=&quot;&quot; data-end=&quot;6776&quot; data-start=&quot;6602&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;참고 자료:&lt;/b&gt; MCP 공식 문서 및 관련 튜토리얼&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://medium.com/excitinglab/%EB%AA%A8%EB%8D%B8-%EC%BB%A8%ED%85%8D%EC%8A%A4%ED%8A%B8-%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C-mcp-%EA%B0%80-%EB%AD%90%EC%95%BC-%EC%B4%88%EB%B3%B4%EC%9E%90%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%8B%A4%EC%9A%A9-%EA%B0%80%EC%9D%B4%EB%93%9C-6a416baa6a4d#:~:text=MCP%EB%9E%80%3F&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;medium.com&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://www.datacamp.com/tutorial/mcp-model-context-protocol#:~:text=The%20Model%20Context%20Protocol%20,APIs%2C%20databases%2C%20and%20business%20applications&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;datacamp.com&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://medium.com/data-engineering-with-dremio/building-a-basic-mcp-server-with-python-4c34c41031ed#:~:text=&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;medium.com&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt; 등에서 더 자세한 구현 방법을 확인할 수 있다.&lt;/p&gt;</description>
      <category>잡학사전</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/35</guid>
      <comments>https://codercharlie.tistory.com/35#entry35comment</comments>
      <pubDate>Tue, 26 Aug 2025 22:53:50 +0900</pubDate>
    </item>
    <item>
      <title>윈드서프(Windsurf) 요금제 가격 및 무료 사용 크레딧, 무료사용 방법</title>
      <link>https://codercharlie.tistory.com/37</link>
      <description>&lt;h2 data-end=&quot;247&quot; data-start=&quot;78&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;윈드서프(Windsurf)&amp;nbsp;&lt;/b&gt;&lt;/h2&gt;
&lt;p data-end=&quot;247&quot; data-start=&quot;78&quot; data-ke-size=&quot;size16&quot;&gt;윈드서프는 Codeium이 개발한 AI 기반 통합 개발 환경(IDE)**이다. 개발 생산성을 높이기 위해 다양한 AI 모델과 도구를 통합했으며, 2025년 8월 기준 공식 문서와 관련 자료를 기반으로 &lt;b&gt;요금제 정보와 무료 사용 분석을 업데이트&lt;/b&gt;했다.&lt;/p&gt;
&lt;hr data-end=&quot;252&quot; data-start=&quot;249&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;268&quot; data-start=&quot;254&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;윈드서프 요금제&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p data-end=&quot;293&quot; data-start=&quot;270&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;무료 계층 (Free Tier)&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;758&quot; data-start=&quot;294&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;504&quot; data-start=&quot;294&quot;&gt;&lt;b&gt;크레딧 시스템&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;504&quot; data-start=&quot;312&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;343&quot; data-start=&quot;312&quot;&gt;월 &lt;b&gt;30크레딧 제공&lt;/b&gt; (기존 25에서 상향)&lt;/li&gt;
&lt;li data-end=&quot;399&quot; data-start=&quot;346&quot;&gt;프리미엄 모델(GPT-4.1, Claude 3.5 Sonnet 등) 사용 시 크레딧 차감&lt;/li&gt;
&lt;li data-end=&quot;457&quot; data-start=&quot;402&quot;&gt;예: GPT-4.1은 한 번 호출 시 &lt;b&gt;0.2크레딧 소모 &amp;rarr; 월 약 150회 사용 가능&lt;/b&gt;&lt;/li&gt;
&lt;li data-end=&quot;504&quot; data-start=&quot;460&quot;&gt;논프리미엄 모델(Codeium Base)은 크레딧 없이 무제한 사용 가능&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;637&quot; data-start=&quot;506&quot;&gt;&lt;b&gt;기능&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;637&quot; data-start=&quot;519&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;551&quot; data-start=&quot;519&quot;&gt;기본 코드 자동완성, 문맥 인식, 간단한 코드 생성&lt;/li&gt;
&lt;li data-end=&quot;583&quot; data-start=&quot;554&quot;&gt;Cascade를 통한 프로젝트 전체 코드 분석&lt;/li&gt;
&lt;li data-end=&quot;614&quot; data-start=&quot;586&quot;&gt;Tab 키를 활용한 의존성 추가, 코드 탐색&lt;/li&gt;
&lt;li data-end=&quot;637&quot; data-start=&quot;617&quot;&gt;한글 문서/API 작성 안정적&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;758&quot; data-start=&quot;639&quot;&gt;&lt;b&gt;제한사항&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;758&quot; data-start=&quot;654&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;690&quot; data-start=&quot;654&quot;&gt;고급 Flows, 대규모 리팩토링, 실시간 협업 기능 제한&lt;/li&gt;
&lt;li data-end=&quot;721&quot; data-start=&quot;693&quot;&gt;논프리미엄 모델은 복잡한 작업에서 성능 한계&lt;/li&gt;
&lt;li data-end=&quot;758&quot; data-start=&quot;724&quot;&gt;월 30크레딧은 프리미엄 모델을 자주 쓰면 빠르게 소진&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;772&quot; data-start=&quot;760&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Pro 계층&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1010&quot; data-start=&quot;773&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;806&quot; data-start=&quot;773&quot;&gt;&lt;b&gt;비용&lt;/b&gt;: 월 12달러 (기존 15달러에서 인하)&lt;/li&gt;
&lt;li data-end=&quot;968&quot; data-start=&quot;807&quot;&gt;&lt;b&gt;혜택&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;968&quot; data-start=&quot;820&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;857&quot; data-start=&quot;820&quot;&gt;프리미엄 모델 &lt;b&gt;무제한 사용&lt;/b&gt; 또는 월 500크레딧 제공&lt;/li&gt;
&lt;li data-end=&quot;890&quot; data-start=&quot;860&quot;&gt;고급 Flows, 대규모 리팩토링, 실시간 협업&lt;/li&gt;
&lt;li data-end=&quot;928&quot; data-start=&quot;893&quot;&gt;SWE-1-mini 기반 Tab 기능으로 문맥 인식 강화&lt;/li&gt;
&lt;li data-end=&quot;968&quot; data-start=&quot;931&quot;&gt;Memory Bank로 프로젝트 문맥 저장 및 세션 간 유지&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;1010&quot; data-start=&quot;969&quot;&gt;&lt;b&gt;추가 과금&lt;/b&gt;: 대규모 Flow 액션 시 크레딧 추가 소모 가능&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1031&quot; data-start=&quot;1012&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Enterprise 계층&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1135&quot; data-start=&quot;1032&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1049&quot; data-start=&quot;1032&quot;&gt;&lt;b&gt;비용&lt;/b&gt;: 맞춤 견적&lt;/li&gt;
&lt;li data-end=&quot;1135&quot; data-start=&quot;1050&quot;&gt;&lt;b&gt;혜택&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1135&quot; data-start=&quot;1063&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1095&quot; data-start=&quot;1063&quot;&gt;전용 서버, 온프레미스 배포, 맞춤 AI 모델 지원&lt;/li&gt;
&lt;li data-end=&quot;1135&quot; data-start=&quot;1098&quot;&gt;GPL 코드 라이선스 문제 방지용 사전 필터링 데이터셋 제공&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1145&quot; data-start=&quot;1137&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;비교&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1282&quot; data-start=&quot;1146&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1173&quot; data-start=&quot;1146&quot;&gt;Cursor Pro(월 20달러)보다 저렴&lt;/li&gt;
&lt;li data-end=&quot;1208&quot; data-start=&quot;1174&quot;&gt;Cline(종량제)보다 &lt;b&gt;예측 가능한 고정 요금제&lt;/b&gt;&lt;/li&gt;
&lt;li data-end=&quot;1282&quot; data-start=&quot;1209&quot;&gt;GitHub Copilot(월 10~19달러)은 자동완성에 강점,&lt;br /&gt;&lt;b&gt;프로젝트 문맥 이해는 Windsurf가 우세&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1287&quot; data-start=&quot;1284&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;1305&quot; data-start=&quot;1289&quot; 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-end=&quot;1451&quot; data-start=&quot;1306&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1344&quot; data-start=&quot;1306&quot;&gt;윈드서프 홈페이지 &lt;b&gt;Usage 메뉴&lt;/b&gt;에서 실시간 확인 가능&lt;/li&gt;
&lt;li data-end=&quot;1387&quot; data-start=&quot;1345&quot;&gt;에디터 우측 하단 Free/Pro 라벨에 마우스 오버 시 크레딧 표시&lt;/li&gt;
&lt;li data-end=&quot;1451&quot; data-start=&quot;1388&quot;&gt;&lt;b&gt;.windsurfrules 파일&lt;/b&gt;로 환경 설정 가능 (예: 한글 답변, Tailwind CSS 지정)&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1456&quot; data-start=&quot;1453&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;1473&quot; data-start=&quot;1458&quot; 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-end=&quot;1665&quot; data-start=&quot;1474&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1509&quot; data-start=&quot;1474&quot;&gt;&lt;b&gt;무료 체험&lt;/b&gt;: 14일 Pro 기능 무제한 사용 가능&lt;/li&gt;
&lt;li data-end=&quot;1563&quot; data-start=&quot;1510&quot;&gt;&lt;b&gt;프로모션&lt;/b&gt;: OpenAI API 키 연동 시 GPT-4.1 무료 사용 (기간 한정)&lt;/li&gt;
&lt;li data-end=&quot;1665&quot; data-start=&quot;1564&quot;&gt;&lt;b&gt;설정 가이드&lt;/b&gt;: &lt;a href=&quot;https://codeium.com/windsurf/directory&quot; data-end=&quot;1627&quot; data-start=&quot;1578&quot;&gt;공식 디렉토리&lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;&lt;/a&gt;에서 Cascade, Memory Bank, Flows 안내 제공&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1670&quot; data-start=&quot;1667&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;1693&quot; data-start=&quot;1672&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;무료 사용 분석 (업데이트)&lt;/b&gt;&lt;/h2&gt;
&lt;h3 data-end=&quot;1703&quot; data-start=&quot;1695&quot; 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-end=&quot;2042&quot; data-start=&quot;1704&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1787&quot; data-start=&quot;1704&quot;&gt;&lt;b&gt;초보자 친화적&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1787&quot; data-start=&quot;1722&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1755&quot; data-start=&quot;1722&quot;&gt;자동완성, Cascade 기반 분석, 한글 문서 지원&lt;/li&gt;
&lt;li data-end=&quot;1787&quot; data-start=&quot;1758&quot;&gt;VS Code 기반 UI라 익숙하고 설치 간단&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;1836&quot; data-start=&quot;1788&quot;&gt;&lt;b&gt;크레딧 상향&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1836&quot; data-start=&quot;1805&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1836&quot; data-start=&quot;1805&quot;&gt;월 30크레딧으로 프리미엄 모델 약 150회 사용&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;1936&quot; data-start=&quot;1837&quot;&gt;&lt;b&gt;문맥 이해 강화&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1936&quot; data-start=&quot;1856&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1896&quot; data-start=&quot;1856&quot;&gt;Memory Bank와 Cascade로 프로젝트 의존성 관리 우수&lt;/li&gt;
&lt;li data-end=&quot;1936&quot; data-start=&quot;1899&quot;&gt;예: &quot;영화 평점 기능 추가&quot; 명령 &amp;rarr; 관련 파일 자동 수정&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;1990&quot; data-start=&quot;1937&quot;&gt;&lt;b&gt;한글 지원 안정적&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1990&quot; data-start=&quot;1957&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1990&quot; data-start=&quot;1957&quot;&gt;README, API 문서 작성 시 인코딩 문제 없음&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;2042&quot; data-start=&quot;1991&quot;&gt;&lt;b&gt;소규모 팀 협업 지원&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2042&quot; data-start=&quot;2013&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2042&quot; data-start=&quot;2013&quot;&gt;무료 계층에서도 기본 코드 리뷰 및 협업 가능&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-end=&quot;2052&quot; data-start=&quot;2044&quot; 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-end=&quot;2299&quot; data-start=&quot;2053&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2089&quot; data-start=&quot;2053&quot;&gt;&lt;b&gt;크레딧 제한&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2089&quot; data-start=&quot;2070&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2089&quot; data-start=&quot;2070&quot;&gt;대규모 작업 시 빠르게 소진&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;2151&quot; data-start=&quot;2090&quot;&gt;&lt;b&gt;고급 기능 제한&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2151&quot; data-start=&quot;2109&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2151&quot; data-start=&quot;2109&quot;&gt;Flows, SWE-1 기반 리팩토링, 온프레미스는 Pro 이상 필요&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;2199&quot; data-start=&quot;2152&quot;&gt;&lt;b&gt;코드 정확성 한계&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2199&quot; data-start=&quot;2172&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2199&quot; data-start=&quot;2172&quot;&gt;복잡한 프로젝트에서는 AI 제안 수정 필요&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;2256&quot; data-start=&quot;2200&quot;&gt;&lt;b&gt;플러그인 생태계 부족&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2256&quot; data-start=&quot;2222&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2256&quot; data-start=&quot;2222&quot;&gt;Cursor, Copilot 대비 커뮤니티 리소스 적음&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;2299&quot; data-start=&quot;2257&quot;&gt;&lt;b&gt;프로모션 의존성&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2299&quot; data-start=&quot;2276&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2299&quot; data-start=&quot;2276&quot;&gt;GPT-4.1 무료 액세스는 일시적&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;2304&quot; data-start=&quot;2301&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;2319&quot; data-start=&quot;2306&quot; 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-end=&quot;2520&quot; data-start=&quot;2320&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2353&quot; data-start=&quot;2320&quot;&gt;&lt;b&gt;간단 작업은 논프리미엄 모델로&lt;/b&gt; &amp;rarr; 크레딧 절약&lt;/li&gt;
&lt;li data-end=&quot;2390&quot; data-start=&quot;2354&quot;&gt;&lt;b&gt;Memory Bank 초기화&lt;/b&gt; &amp;rarr; 프로젝트 문맥 유지&lt;/li&gt;
&lt;li data-end=&quot;2444&quot; data-start=&quot;2391&quot;&gt;&lt;b&gt;.windsurfrules 설정&lt;/b&gt; &amp;rarr; 한글 답변, Tailwind CSS 등 최적화&lt;/li&gt;
&lt;li data-end=&quot;2485&quot; data-start=&quot;2445&quot;&gt;&lt;b&gt;소규모 프로젝트에 집중&lt;/b&gt; &amp;rarr; API, 간단한 웹 개발에 적합&lt;/li&gt;
&lt;li data-end=&quot;2520&quot; data-start=&quot;2486&quot;&gt;&lt;b&gt;사용량 관리&lt;/b&gt; &amp;rarr; 필수 작업만 프리미엄 모델 사용&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;2525&quot; data-start=&quot;2522&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;2857&quot; data-start=&quot;2527&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;마무리&lt;/b&gt;&lt;/h2&gt;
&lt;p data-end=&quot;2857&quot; data-start=&quot;2527&quot; data-ke-size=&quot;size16&quot;&gt;윈드서프는 무료 계층(월 30크레딧&amp;middot;논프리미엄 무제한)과 Pro 계층(월 12달러&amp;middot;500크레딧)으로 제공된다. &lt;b&gt;무료 계층은 초보자와 소규모 프로젝트에 충분&lt;/b&gt;하며, &lt;b&gt;Pro 계층은 SWE-1-mini와 Memory Bank 덕분에 대규모 프로젝트 생산성을 크게 높인다.&lt;/b&gt;&lt;br /&gt;무료 사용자는 논프리미엄 모델과 .windsurfrules 설정을 적극 활용하고, &lt;b&gt;프로모션 기간의 GPT-4.1 무료 액세스&lt;/b&gt;를 놓치지 않는 것이 좋다.&lt;br /&gt;자세한 요금제 정보는 &lt;a href=&quot;https://codeium.com/windsurf/pricing&quot; data-end=&quot;2843&quot; data-start=&quot;2797&quot;&gt;공식 페이지&lt;span aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;&lt;/a&gt;에서 확인할 수 있다.&lt;/p&gt;</description>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/37</guid>
      <comments>https://codercharlie.tistory.com/37#entry37comment</comments>
      <pubDate>Mon, 25 Aug 2025 15:30:13 +0900</pubDate>
    </item>
    <item>
      <title>유니티 버전 관리 방법 - 깃/유니티 버전 컨트롤 차이점 비교</title>
      <link>https://codercharlie.tistory.com/33</link>
      <description>&lt;p data-end=&quot;343&quot; data-start=&quot;105&quot; data-ke-size=&quot;size16&quot;&gt;깃과 유니티 버전 컨트롤(Unity Version Control, 이하 UVCS)은 모두 협업과 변경 이력 관리를 위해 쓰인다. 깃은 범용이다. UVCS는 유니티 에디터에 깊게 통합된다. 최신 문서 기준 절차와 설정을 정확히 반영해 두 방법을 비교한다. UVCS는 대용량 바이너리와 아티스트 워크플로에 초점을 둔다. 깃은 어디서나 쓸 수 있고 생태계가 넓다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 data-end=&quot;358&quot; data-start=&quot;345&quot;&gt;깃 방법&lt;/h1&gt;
&lt;h2 data-end=&quot;380&quot; data-start=&quot;360&quot; data-ke-size=&quot;size26&quot;&gt;1) 유니티 프로젝트 기본 설정&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;637&quot; data-start=&quot;381&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;460&quot; data-start=&quot;381&quot;&gt;Project Settings &amp;rarr; &lt;b&gt;Version Control&lt;/b&gt;에서 &lt;b&gt;Mode = Visible Meta Files&lt;/b&gt;로 둔다.&lt;/li&gt;
&lt;li data-end=&quot;637&quot; data-start=&quot;461&quot;&gt;Project Settings &amp;rarr; &lt;b&gt;Editor&lt;/b&gt;에서 &lt;b&gt;Asset Serialization = Force Text&lt;/b&gt;로 바꾼다. 이렇게 해야 씬과 프리팹이 텍스트(YAML)로 저장되어 깃 병합과 UnityYAMLMerge 사용이 가능하다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://discussions.unity.com/t/unity-pro-asset-serialization-from-mixed-to-force-text/469513?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Discussions&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://docs.unity3d.com/2023.1/Documentation/Manual/class-EditorManager.html?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Manual&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;658&quot; data-start=&quot;639&quot; data-ke-size=&quot;size26&quot;&gt;2) .gitignore 설정&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;894&quot; data-start=&quot;659&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;894&quot; data-start=&quot;659&quot;&gt;깃허브의 &lt;b&gt;Unity.gitignore 템플릿&lt;/b&gt;으로 시작한다. 기본적으로 &lt;b&gt;Library/&lt;/b&gt;, &lt;b&gt;Temp/&lt;/b&gt;, &lt;b&gt;Obj/&lt;/b&gt;, &lt;b&gt;Build/&lt;/b&gt;, &lt;b&gt;Logs/&lt;/b&gt;, &lt;b&gt;UserSettings/&lt;/b&gt; 같은 생성물은 제외하고, &lt;b&gt;Assets/&lt;/b&gt;, &lt;b&gt;Packages/&lt;/b&gt;, **ProjectSettings/**는 버전 관리에 포함한다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://github.com/github/gitignore&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;GitHub&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;922&quot; data-start=&quot;896&quot; data-ke-size=&quot;size26&quot;&gt;3) Git LFS로 대용량 바이너리 관리&lt;/h2&gt;
&lt;p data-end=&quot;1023&quot; data-start=&quot;923&quot; data-ke-size=&quot;size16&quot;&gt;텍스처 원본(psd, tga, exr), 오디오(wav), 동영상(mp4, mov), 대형 3D 리소스(fbx 등)처럼 &lt;b&gt;자주 바뀌고 큰 바이너리&lt;/b&gt;는 LFS로 추적한다. 예시:&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;&lt;span&gt;&lt;span&gt;git lfs install git lfs track &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.psd&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.tga&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.exr&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.wav&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.mp4&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.mov&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.fbx&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;*.zip&quot;&lt;/span&gt;&lt;/span&gt;&lt;span&gt; git add .gitattributes &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p data-end=&quot;1247&quot; data-start=&quot;1153&quot; data-ke-size=&quot;size16&quot;&gt;씬(.unity)과 프리팹(.prefab)은 텍스트 머지가 가능하므로 보통 LFS로 추적하지 않는다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://github.com/github/gitignore/blob/main/Unity.gitignore?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;GitHub&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://discussions.unity.com/t/missing-version-control-icon/947171?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Discussions&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-end=&quot;1285&quot; data-start=&quot;1249&quot; data-ke-size=&quot;size26&quot;&gt;4) UnityYAMLMerge(Smart Merge) 설정&lt;/h2&gt;
&lt;p data-end=&quot;1424&quot; data-start=&quot;1286&quot; data-ke-size=&quot;size16&quot;&gt;텍스트 직렬화가 켜져 있으면 UnityYAMLMerge로 씬&amp;middot;프리팹 충돌을 자동 해결할 수 있다. 로컬 경로에 맞춰 머지 툴을 등록한다. 개념과 사용 목적은 공식 매뉴얼을 따른다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://discussions.unity.com/t/missing-version-control-icon/947171?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Discussions&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 data-end=&quot;1448&quot; data-start=&quot;1426&quot;&gt;유니티 버전 컨트롤 방법&lt;/h1&gt;
&lt;h2 data-end=&quot;1467&quot; data-start=&quot;1450&quot; data-ke-size=&quot;size26&quot;&gt;1) 에디터에서 바로 시작&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1800&quot; data-start=&quot;1468&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1565&quot; data-start=&quot;1468&quot;&gt;유니티 에디터 오른쪽 상단 &lt;b&gt;Unity Version Control 아이콘&lt;/b&gt;을 클릭해 UVCS 창을 연다. Unity ID로 로그인하고 조직을 선택 또는 생성한다.&lt;/li&gt;
&lt;li data-end=&quot;1669&quot; data-start=&quot;1566&quot;&gt;&lt;b&gt;Create workspace&lt;/b&gt;로 저장소와 워크스페이스를 만든다. 개발자는 분산형 &lt;b&gt;Plastic&lt;/b&gt; 워크플로, 아티스트는 중앙집중형 &lt;b&gt;Gluon&lt;/b&gt;을 선택할 수 있다.&lt;/li&gt;
&lt;li data-end=&quot;1800&quot; data-start=&quot;1670&quot;&gt;초기 체크인 시 패키지와 프로젝트 설정이 자동으로 포함된다. 프로젝트 루트에 &lt;b&gt;ignore.conf&lt;/b&gt;가 생성되어 기본 무시 규칙이 잡힌다. 필요하면 편집한다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;1817&quot; data-start=&quot;1802&quot; data-ke-size=&quot;size26&quot;&gt;2) 에디터 메뉴 경로&lt;/h2&gt;
&lt;p data-end=&quot;1957&quot; data-start=&quot;1818&quot; data-ke-size=&quot;size16&quot;&gt;에디터에서 UVCS 창은 버전에 따라 &lt;b&gt;Window &amp;rarr; Unity Version Control&lt;/b&gt; 또는 상단 아이콘으로 접근한다. 최신 버전에서는 전용 창과 툴바 진입이 제공된다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://gist.github.com/nemotoo/b8a1c3a0f1225bb9231979f389fd4f3f?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Gist&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-end=&quot;1974&quot; data-start=&quot;1959&quot; data-ke-size=&quot;size26&quot;&gt;3) 유니티 허브 연동&lt;/h2&gt;
&lt;p data-end=&quot;2127&quot; data-start=&quot;1975&quot; data-ke-size=&quot;size16&quot;&gt;최근 허브에서는 &lt;b&gt;프로젝트 생성 시 Version Control 사용 옵션&lt;/b&gt;을 통해 저장소 생성과 연결을 더 쉽게 켤 수 있다. 체크박스를 사용해 새 프로젝트를 저장소에 바로 연결하는 흐름이 제공된다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://www.reddit.com/r/Unity3D/comments/1e57vg8/best_gitignore_to_use_for_a_unity_project/?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Reddit&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-end=&quot;2145&quot; data-start=&quot;2129&quot; data-ke-size=&quot;size26&quot;&gt;4) UVCS 무시 규칙&lt;/h2&gt;
&lt;p data-end=&quot;2298&quot; data-start=&quot;2146&quot; data-ke-size=&quot;size16&quot;&gt;UVCS는 기본 &lt;b&gt;ignore.conf&lt;/b&gt;를 생성해 Library, Temp 같은 생성물을 제외한다. 프로젝트에 맞춰 규칙을 추가해도 된다. 필요하면 Plastic/UVCS의 무시 규칙 문법을 사용한다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 data-end=&quot;2304&quot; data-start=&quot;2300&quot;&gt;비교&lt;/h1&gt;
&lt;h2 data-end=&quot;2316&quot; data-start=&quot;2306&quot; data-ke-size=&quot;size26&quot;&gt;온보딩과 통합&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2608&quot; data-start=&quot;2317&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2479&quot; data-start=&quot;2317&quot;&gt;&lt;b&gt;UVCS&lt;/b&gt;는 에디터에서 바로 로그인&amp;middot;워크스페이스 생성&amp;middot;초기 체크인까지 한 흐름으로 끝낼 수 있다. 기본 &lt;b&gt;ignore.conf&lt;/b&gt;도 자동으로 만든다. 에디터 통합 UI와 아티스트 친화적 Gluon이 특징이다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li data-end=&quot;2608&quot; data-start=&quot;2480&quot;&gt;&lt;b&gt;깃&lt;/b&gt;은 에디터 외부에서 저장소를 만들고 .gitignore&amp;middot;LFS&amp;middot;머지 툴까지 직접 구성한다. 대신 어디서나 쓸 수 있고 호스팅&amp;middot;CI 선택지가 넓다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://github.com/github/gitignore&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;GitHub&lt;/span&gt;&lt;span&gt;+1&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;2622&quot; data-start=&quot;2610&quot; data-ke-size=&quot;size26&quot;&gt;대용량 파일 처리&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;2874&quot; data-start=&quot;2623&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2755&quot; data-start=&quot;2623&quot;&gt;&lt;b&gt;UVCS&lt;/b&gt;는 대형 바이너리와 아티스트 워크플로에 맞춘 성능과 모델(Plastic/Gluon)을 제공한다. 에셋 추가와 체크인이 에디터 탭에서 자연스럽다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li data-end=&quot;2874&quot; data-start=&quot;2756&quot;&gt;&lt;b&gt;깃&lt;/b&gt;은 본체는 텍스트에 강하고 바이너리는 &lt;b&gt;Git LFS&lt;/b&gt;로 보완한다. LFS를 쓰면 저장 용량과 클론 속도를 관리할 수 있다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://github.com/github/gitignore/blob/main/Unity.gitignore?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;GitHub&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;2888&quot; data-start=&quot;2876&quot; data-ke-size=&quot;size26&quot;&gt;병합과 충돌 처리&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;3035&quot; data-start=&quot;2889&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;3035&quot; data-start=&quot;2889&quot;&gt;&lt;b&gt;둘 다&lt;/b&gt; 씬과 프리팹을 텍스트로 저장하도록 강제하면 머지가 가능하다. 유니티 제공 &lt;b&gt;UnityYAMLMerge&lt;/b&gt;로 자동 병합 품질을 끌어올린다. UVCS/깃 모두 적용 가능하다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://docs.unity3d.com/2023.1/Documentation/Manual/class-EditorManager.html?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Manual&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://discussions.unity.com/t/missing-version-control-icon/947171?utm_source=chatgpt.com&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity Discussions&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 data-end=&quot;3048&quot; data-start=&quot;3037&quot; data-ke-size=&quot;size26&quot;&gt;생태계와 호환성&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;3287&quot; data-start=&quot;3049&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;3185&quot; data-start=&quot;3049&quot;&gt;&lt;b&gt;깃&lt;/b&gt;은 코드 호스팅, 이슈 트래킹, CI/CD, 코드리뷰 등 주변 도구 선택지가 압도적으로 많다. &lt;b&gt;Unity.gitignore&lt;/b&gt; 템플릿도 표준처럼 쓰인다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://github.com/github/gitignore&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;GitHub&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li data-end=&quot;3287&quot; data-start=&quot;3186&quot;&gt;&lt;b&gt;UVCS&lt;/b&gt;는 유니티 프로젝트에 특화된 UX와 에디터 통합, Unity Cloud와의 연동이 강점이다. &lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://unity.com/how-to/redeem/version-control&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;Unity&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h1 data-end=&quot;3294&quot; data-start=&quot;3289&quot;&gt;마무리&lt;/h1&gt;
&lt;p data-end=&quot;3445&quot; data-start=&quot;3295&quot; data-ke-size=&quot;size16&quot;&gt;소규모 개인 프로젝트나 범용 도구 선호라면 &lt;b&gt;깃&lt;/b&gt;이 편하다. 아티스트 비중이 높고 대용량 에셋이 많거나 유니티 중심 협업이라면 &lt;b&gt;UVCS&lt;/b&gt;가 더 매끄럽다. 혼합도 가능하다. 예를 들어 게임 본 프로젝트는 UVCS로, 빌드 스크립트나 서버 코드는 깃으로 분리한다.&lt;/p&gt;</description>
      <category>잡학사전</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/33</guid>
      <comments>https://codercharlie.tistory.com/33#entry33comment</comments>
      <pubDate>Sun, 24 Aug 2025 16:09:10 +0900</pubDate>
    </item>
    <item>
      <title>유니티(Unity)에서 윈드서프(Windsurf) 코드 에디터 사용법</title>
      <link>https://codercharlie.tistory.com/39</link>
      <description>&lt;p data-end=&quot;272&quot; data-start=&quot;108&quot; data-ke-size=&quot;size16&quot;&gt;Windsurf는 Codeium에서 만든 &lt;b&gt;AI 기반 코드 에디터&lt;/b&gt;이다. Visual Studio Code를 기반으로 하고, AI 에이전트와 협업해 코드를 작성하거나 수정할 수 있다. 유니티 개발에도 활용할 수 있어 반복 작업을 줄이고, 스크립트 작성과 디버깅을 더 빠르게 진행할 수 있다.&lt;/p&gt;
&lt;hr data-end=&quot;277&quot; data-start=&quot;274&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-end=&quot;305&quot; data-start=&quot;279&quot; data-ke-size=&quot;size23&quot;&gt;1. Windsurf 설치와 유니티 연동&lt;/h3&gt;
&lt;p data-end=&quot;318&quot; data-start=&quot;307&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;설치 방법&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;396&quot; data-start=&quot;319&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;368&quot; data-start=&quot;319&quot;&gt;Windsurf를 Windows, Mac, Linux 중 원하는 환경에 설치한다.&lt;/li&gt;
&lt;li data-end=&quot;396&quot; data-start=&quot;369&quot;&gt;Codeium 계정으로 로그인해 인증한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;413&quot; data-start=&quot;398&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;유니티에 연결하기&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;562&quot; data-start=&quot;414&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;469&quot; data-start=&quot;414&quot;&gt;유니티 메뉴에서 Edit &amp;rarr; Preferences &amp;rarr; External Tools로 이동한다.&lt;/li&gt;
&lt;li data-end=&quot;522&quot; data-start=&quot;470&quot;&gt;External Script Editor를 Windsurf 실행 파일 경로로 지정한다.&lt;/li&gt;
&lt;li data-end=&quot;562&quot; data-start=&quot;523&quot;&gt;이제 C# 스크립트를 더블 클릭하면 Windsurf에서 열린다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;575&quot; data-start=&quot;564&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;기본 설정&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;745&quot; data-start=&quot;576&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;618&quot; data-start=&quot;576&quot;&gt;Windsurf는 C#을 바로 지원하므로 별도 플러그인이 필요 없다.&lt;/li&gt;
&lt;li data-end=&quot;686&quot; data-start=&quot;619&quot;&gt;유니티 전용 코드 스니펫을 추가하면 GameObject, Transform 같은 API를 빠르게 입력할 수 있다.&lt;/li&gt;
&lt;li data-end=&quot;745&quot; data-start=&quot;687&quot;&gt;Windsurf에서 File &amp;rarr; Open Folder로 유니티 프로젝트 폴더를 직접 열 수 있다.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;750&quot; data-start=&quot;747&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-end=&quot;778&quot; data-start=&quot;752&quot; data-ke-size=&quot;size23&quot;&gt;2. Windsurf 주요 기능과 활용법&lt;/h3&gt;
&lt;p data-end=&quot;796&quot; data-start=&quot;780&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Cascade 기능&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;901&quot; data-start=&quot;797&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;840&quot; data-start=&quot;797&quot;&gt;AI가 프로젝트 전체 맥락을 분석해 코드 제안과 수정, 디버깅을 한다.&lt;/li&gt;
&lt;li data-end=&quot;901&quot; data-start=&quot;841&quot;&gt;예: &amp;ldquo;플레이어 이동 로직 추가&amp;rdquo;라고 입력하면 Rigidbody를 사용한 이동 코드가 자동 생성된다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;917&quot; data-start=&quot;903&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Flows 기능&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1015&quot; data-start=&quot;918&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;945&quot; data-start=&quot;918&quot;&gt;개발 흐름을 기억해 반복 작업을 줄여준다.&lt;/li&gt;
&lt;li data-end=&quot;1015&quot; data-start=&quot;946&quot;&gt;예: 오브젝트에 스크립트를 추가하면 Collider, Animator 같은 컴포넌트를 자동 연결하는 코드를 제안한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1029&quot; data-start=&quot;1017&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;자연어 명령&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1150&quot; data-start=&quot;1030&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1085&quot; data-start=&quot;1030&quot;&gt;Ctrl+I(Windows) 또는 Cmd+I(Mac)로 AI에게 바로 명령을 내릴 수 있다.&lt;/li&gt;
&lt;li data-end=&quot;1150&quot; data-start=&quot;1086&quot;&gt;예: &amp;ldquo;카메라가 플레이어를 따라가게 해줘&amp;rdquo;라고 입력하면 LateUpdate에 카메라 추적 로직을 작성해준다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1166&quot; data-start=&quot;1152&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;다중 파일 편집&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1273&quot; data-start=&quot;1167&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1196&quot; data-start=&quot;1167&quot;&gt;여러 파일을 동시에 수정하며 맥락을 유지한다.&lt;/li&gt;
&lt;li data-end=&quot;1273&quot; data-start=&quot;1197&quot;&gt;예: &amp;ldquo;인벤토리 시스템 추가&amp;rdquo;라고 입력하면 Inventory.cs와 UIController.cs를 동시에 수정하거나 새로 만든다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;1291&quot; data-start=&quot;1275&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;터미널 명령어 지원&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1388&quot; data-start=&quot;1292&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1339&quot; data-start=&quot;1292&quot;&gt;&amp;ldquo;유니티 프로젝트 빌드&amp;rdquo; 같은 요청을 자연어로 입력하면 빌드 명령을 실행한다.&lt;/li&gt;
&lt;li data-end=&quot;1388&quot; data-start=&quot;1340&quot;&gt;패키지 설치나 TextMeshPro 같은 에셋 추가도 AI가 자동으로 안내한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1393&quot; data-start=&quot;1390&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-end=&quot;1423&quot; data-start=&quot;1395&quot; data-ke-size=&quot;size23&quot;&gt;3. 유니티 개발에서 Windsurf의 장점&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1640&quot; data-start=&quot;1425&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1485&quot; data-start=&quot;1425&quot;&gt;&lt;b&gt;맥락 이해&lt;/b&gt;: MonoBehaviour, Prefab 참조 같은 복잡한 구조를 정확히 분석한다.&lt;/li&gt;
&lt;li data-end=&quot;1542&quot; data-start=&quot;1486&quot;&gt;&lt;b&gt;생산성 향상&lt;/b&gt;: GetComponent, Debug.Log 같은 반복 코드를 자동화한다.&lt;/li&gt;
&lt;li data-end=&quot;1589&quot; data-start=&quot;1543&quot;&gt;&lt;b&gt;디버깅 지원&lt;/b&gt;: 오류 메시지를 붙여넣으면 원인과 수정 방법을 제안한다.&lt;/li&gt;
&lt;li data-end=&quot;1640&quot; data-start=&quot;1590&quot;&gt;&lt;b&gt;한글 지원&lt;/b&gt;: 한국어로 명령해도 문제없이 작동하고 코드와 문서화도 안정적이다.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr data-end=&quot;1645&quot; data-start=&quot;1642&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-end=&quot;1663&quot; data-start=&quot;1647&quot; data-ke-size=&quot;size23&quot;&gt;4. 설치 및 사용 팁&lt;/h3&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1905&quot; data-start=&quot;1665&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1716&quot; data-start=&quot;1665&quot;&gt;&lt;b&gt;무료 플랜&lt;/b&gt;: 월 25크레딧까지 무료로 사용 가능하다. (2025년 5월 기준)&lt;/li&gt;
&lt;li data-end=&quot;1763&quot; data-start=&quot;1717&quot;&gt;&lt;b&gt;유료 플랜&lt;/b&gt;: 월 15달러부터 시작하며 추가 크레딧을 구매할 수 있다.&lt;/li&gt;
&lt;li data-end=&quot;1852&quot; data-start=&quot;1764&quot;&gt;&lt;b&gt;단축키&lt;/b&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;1852&quot; data-start=&quot;1778&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;1820&quot; data-start=&quot;1778&quot;&gt;Ctrl+Shift+P 또는 Cmd+Shift+P: 명령 팔레트 열기&lt;/li&gt;
&lt;li data-end=&quot;1852&quot; data-start=&quot;1823&quot;&gt;Ctrl+I 또는 Cmd+I: AI 명령 입력&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li data-end=&quot;1905&quot; data-start=&quot;1853&quot;&gt;&lt;b&gt;디버깅&lt;/b&gt;: Windsurf 터미널에서 빌드 및 실행 명령을 직접 사용할 수 있다.&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>공구함 (tools &amp;amp; utils)</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/39</guid>
      <comments>https://codercharlie.tistory.com/39#entry39comment</comments>
      <pubDate>Fri, 22 Aug 2025 21:53:13 +0900</pubDate>
    </item>
    <item>
      <title>윈드서프 브라우저 (Windsurf Browser) 기능과 사용방법 - DOM과 UI 요소 화면 캡처 분석</title>
      <link>https://codercharlie.tistory.com/36</link>
      <description>&lt;h2 data-end=&quot;341&quot; data-start=&quot;73&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;윈드서프 브라우저란 무엇인가&lt;/b&gt;&lt;/h2&gt;
&lt;p data-end=&quot;341&quot; data-start=&quot;73&quot; data-ke-size=&quot;size16&quot;&gt;윈드서프 브라우저는 &lt;b&gt;Chromium 기반&lt;/b&gt;으로 만들어진 브라우저이다. 단순히 웹페이지를 띄우는 기능에 그치지 않고, 개발자의 IDE와 깊이 연결되어 AI 코딩 어시스턴트 &amp;lsquo;캐스케이드(Cascade)&amp;rsquo;와 실시간으로 정보를 주고받을 수 있다.&lt;br /&gt;이 브라우저의 목적은 웹에서 정보를 찾고 이를 IDE로 옮겨서 코딩하는 과정에서 생기는 문맥 전환(context switching)을 최소화해 개발 효율을 극대화하는 것이다.&lt;/p&gt;
&lt;hr data-end=&quot;346&quot; data-start=&quot;343&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;370&quot; data-start=&quot;348&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;윈드서프 브라우저의 주요 기능&lt;/b&gt;&lt;/h2&gt;
&lt;p data-end=&quot;512&quot; data-start=&quot;372&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;IDE와 완전 통합&lt;/b&gt;&lt;br /&gt;윈드서프 브라우저는 별도의 앱이 아니라 IDE 안에서 실행된다. 웹페이지에서 본 내용을 캐스케이드에 바로 전달할 수 있으며, &lt;b&gt;페이지 전체를 AI에 분석 요청하거나 코드 일부를 지정해 설명을 받는 일도 가능&lt;/b&gt;하다.&lt;/p&gt;
&lt;p data-end=&quot;637&quot; data-start=&quot;514&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;실시간 디버깅 지원&lt;/b&gt;&lt;br /&gt;웹페이지 콘솔에 찍히는 로그나 에러 메시지를 IDE의 캐스케이드로 바로 보낼 수 있다. AI는 이 정보를 즉시 분석해 원인과 해결책을 제시하므로 &lt;b&gt;디버깅 시간을 크게 줄일 수 있다.&lt;/b&gt;&lt;/p&gt;
&lt;p data-end=&quot;768&quot; data-start=&quot;639&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;DOM과 UI 요소 분석&lt;/b&gt;&lt;br /&gt;브라우저에서 특정 UI 요소를 선택하면 그 &lt;b&gt;DOM 구조를 AI가 받아서 이해&lt;/b&gt;한다. 복잡한 HTML과 CSS도 AI가 구조를 해석해 수정 방향을 제안하거나 직접 코드를 작성해줄 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;869&quot; data-start=&quot;770&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;화면 캡처와 시각적 분석&lt;/b&gt;&lt;br /&gt;브라우저 화면을 스크린샷으로 캡처해 캐스케이드로 전달하면, &lt;b&gt;UI/UX 개선 아이디어나 해당 화면에 맞춘 코드 제안&lt;/b&gt;을 받을 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;948&quot; data-start=&quot;871&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;보안성 유지&lt;/b&gt;&lt;br /&gt;쿠키나 로그인 정보는 로컬에 안전하게 저장되며, 일반적인 브라우저처럼 &lt;b&gt;보안상 문제 없이 사용&lt;/b&gt;할 수 있다.&lt;/p&gt;
&lt;hr data-end=&quot;953&quot; data-start=&quot;950&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-end=&quot;974&quot; data-start=&quot;955&quot; data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;윈드서프 브라우저 사용법&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-end=&quot;1222&quot; data-start=&quot;976&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li data-end=&quot;1033&quot; data-start=&quot;976&quot;&gt;&lt;b&gt;윈드서프 IDE 설치&lt;/b&gt;&lt;br /&gt;공식 웹사이트에서 윈드서프 IDE를 다운로드해 설치한다.&lt;/li&gt;
&lt;li data-end=&quot;1122&quot; data-start=&quot;1034&quot;&gt;&lt;b&gt;브라우저 실행&lt;/b&gt;&lt;br /&gt;IDE 상단의 브라우저 버튼을 클릭하거나, 캐스케이드에 &amp;ldquo;Open Windsurf Browser&amp;rdquo; 명령을 입력한다.&lt;/li&gt;
&lt;li data-end=&quot;1222&quot; data-start=&quot;1123&quot;&gt;&lt;b&gt;브라우징과 AI 활용&lt;/b&gt;&lt;br /&gt;평소처럼 웹 검색이나 문서 열람을 하면서, 필요한 순간에 &lt;b&gt;페이지 내용을 AI에 분석 요청하거나 코드로 즉시 반영&lt;/b&gt;할 수 있다.&lt;/li&gt;
&lt;/ol&gt;</description>
      <category>공구함 (tools &amp;amp; utils)</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/36</guid>
      <comments>https://codercharlie.tistory.com/36#entry36comment</comments>
      <pubDate>Thu, 21 Aug 2025 15:05:51 +0900</pubDate>
    </item>
    <item>
      <title>펜 보관 방향 위 아래? 볼펜, 만년필, 사인펜, 마커, 수정펜의 올바른 보관 방법</title>
      <link>https://codercharlie.tistory.com/32</link>
      <description>&lt;h2 data-end=&quot;61&quot; data-start=&quot;54&quot; data-ke-size=&quot;size26&quot;&gt;볼펜&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;188&quot; data-start=&quot;62&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;82&quot; data-start=&quot;62&quot;&gt;&lt;b&gt;수평&lt;/b&gt;: 크게 상관 없음&lt;/li&gt;
&lt;li data-end=&quot;188&quot; data-start=&quot;83&quot;&gt;&lt;b&gt;수직&lt;/b&gt;: &lt;b&gt;심이 아래로&lt;/b&gt;&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;style6&quot; /&gt;
&lt;h2 data-end=&quot;203&quot; data-start=&quot;195&quot; data-ke-size=&quot;size26&quot;&gt;만년필&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;332&quot; data-start=&quot;204&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;229&quot; data-start=&quot;204&quot;&gt;&lt;b&gt;수평&lt;/b&gt;: 가능하지만 권장하지 않음&lt;/li&gt;
&lt;li data-end=&quot;332&quot; data-start=&quot;230&quot;&gt;&lt;b&gt;수직&lt;/b&gt;: &lt;b&gt;펜촉이 위로&lt;/b&gt;&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;style6&quot; /&gt;
&lt;h2 data-end=&quot;354&quot; data-start=&quot;339&quot; data-ke-size=&quot;size26&quot;&gt;사인펜(수성/유성)&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;472&quot; data-start=&quot;355&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;377&quot; data-start=&quot;355&quot;&gt;&lt;b&gt;수평&lt;/b&gt;: &lt;b&gt;가장 안정적&lt;/b&gt;&lt;/li&gt;
&lt;li data-end=&quot;472&quot; data-start=&quot;378&quot;&gt;&lt;b&gt;수직&lt;/b&gt;: &lt;b&gt;심이 아래로&lt;/b&gt;&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;style6&quot; /&gt;
&lt;h2 data-end=&quot;493&quot; data-start=&quot;479&quot; data-ke-size=&quot;size26&quot;&gt;마커(유성/영구)&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;626&quot; data-start=&quot;494&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;516&quot; data-start=&quot;494&quot;&gt;&lt;b&gt;수평&lt;/b&gt;: &lt;b&gt;가장 안정적&lt;/b&gt;&lt;/li&gt;
&lt;li data-end=&quot;626&quot; data-start=&quot;517&quot;&gt;&lt;b&gt;수직&lt;/b&gt;: &lt;b&gt;심이 아래로&lt;/b&gt;&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;style6&quot; /&gt;
&lt;h2 data-end=&quot;112&quot; data-start=&quot;104&quot; data-ke-size=&quot;size26&quot;&gt;수정펜&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;298&quot; data-start=&quot;113&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;128&quot; data-start=&quot;113&quot;&gt;&lt;b&gt;수평&lt;/b&gt;: 괜찮음&lt;/li&gt;
&lt;li data-end=&quot;298&quot; data-start=&quot;129&quot;&gt;&lt;b&gt;수직&lt;/b&gt;: &lt;b&gt;팁(심)이 아래로&lt;/b&gt;&lt;br /&gt;수정펜 안의 잉크는 점도가 높고 쉽게 굳는다. 팁이 위로 향하면 잉크가 뒤로 가서 팁이 마르기 쉬우며, 처음 쓸 때 잘 안 나오거나 심지어 흔들어도 잉크가 잘 안내려올 수 있다.&lt;br /&gt;팁이 아래를 향하면 잉크가 항상 끝부분에 머물러 바로 사용할 수 있다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>잡학사전</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/32</guid>
      <comments>https://codercharlie.tistory.com/32#entry32comment</comments>
      <pubDate>Wed, 20 Aug 2025 11:34:49 +0900</pubDate>
    </item>
    <item>
      <title>LMArena-Nano Banana 누가 만들었을까? 나노 바나나 개발 회사, 무료 사용방법, 성능 등</title>
      <link>https://codercharlie.tistory.com/34</link>
      <description>&lt;div data-message-id=&quot;71ba4d1f-aba0-4c85-8c11-3e0894c916d7&quot; data-message-author-role=&quot;assistant&quot;&gt;
&lt;h2 data-end=&quot;22&quot; data-start=&quot;0&quot; data-ke-size=&quot;size26&quot;&gt;LMArena와 나노 바나나&lt;/h2&gt;
&lt;p data-end=&quot;811&quot; data-start=&quot;23&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://lmarena.ai/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://lmarena.ai/&lt;/a&gt; - &lt;b&gt;LMArena&lt;/b&gt; 링크&lt;/b&gt;&lt;/p&gt;
&lt;p data-end=&quot;811&quot; data-start=&quot;23&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;LMArena&lt;/b&gt;(엘엠아레나)는 UC버클리 SkyLab 연구진이 만든 공개 웹 플랫폼으로, 사람의 선호에 따라 AI 모델들을 평가하고 비교한다 2023년 채팅모델 평가용 &amp;lsquo;Chatbot Arena&amp;rsquo;로 시작하여 현재는 텍스트, 이미지, 코드, 검색, 동영상 등 다양한 영역까지 확장된 다중 모달리티 평가 플랫폼이다. 세계 유수의 AI 연구소(구글, 메타, 오픈AI 등)도 참여하여 GPT-4o, Gemini, Claude 등의 모델을 미리 테스트하며 리더보드에 참여한다. LMArena는 사용자 간 쌍대 대결(battle) 방식으로 모델을 평가한다. 사용자가 &lt;b&gt;배틀 모드&lt;/b&gt;에서 동일한 입력(prompt)을 두 개의 익명 모델에 보내면, 두 모델의 응답을 받아 보고 더 나은 답변에 투표하도록 한다. 투표 결과는 공개 리더보드를 구성하며, 투표가 끝난 뒤에는 어떤 모델이 어떤 응답을 만들었는지 알려준다. 이 과정에서 플랫폼은 수백만 건의 투표 데이터를 축적하여, 현재까지 약 400여 개 모델에 대한 수천만 건의 대결 결과를 공개했다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://news.lmarena.ai/hello-from-lmarena/#:~:text=Since%20then%2C%20the%20community%20has,what%20improvements%20labs%20prioritize%20next&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;i&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;.&lt;/p&gt;
&lt;p data-end=&quot;1405&quot; data-start=&quot;813&quot; data-ke-size=&quot;size16&quot;&gt;LMArena의 기술 스택은 오픈소스 프레임워크 &lt;b&gt;FastChat&lt;/b&gt;(LM-SYS) 기반이다. FastChat은 수백만 건의 채팅 요청을 처리하는 분산 시스템과 OpenAI 호환 REST API를 제공하여, LMArena에서 10만 건 이상의 대화 요청과 70여 종의 모델 비교를 실시간으로 지원한다. 예를 들어 FastChat 서버는 OpenAI의 Python SDK나 cURL과 호환되는 인터페이스를 제공하므로, LMArena 내부에서도 이 API로 다양한 모델을 손쉽게 서비스할 수 있다. 또한 LMArena는 평가용 데이터셋도 공개한다. 텍스트 대화뿐 아니라 웹앱 개발, 이미지 생성&amp;middot;편집, 검색 등 각 분야에서 수집된 인간 평가 데이터를 별도의 데이터셋으로 오픈하여 연구자들이 활용할 수 있도록 하고 있다.&lt;/p&gt;
&lt;p data-end=&quot;2069&quot; data-start=&quot;1407&quot; data-ke-size=&quot;size16&quot;&gt;사용자는 LMArena 웹사이트에 접속해 계정을 만들거나 구글 계정으로 로그인한 뒤, 원하는 영역(텍스트, 이미지 등)을 선택하고 &lt;b&gt;배틀 모드&lt;/b&gt;를 시작하면 된다. 예를 들어 챗봇 평가를 할 때는 프롬프트를 입력하면 두 모델의 답변이 제시되고, 더 나은 답변을 선택해 투표한다.&amp;nbsp;이미지 생성/편집 평가에서는, 텍스트 설명이나 편집할 이미지를 입력하면 두 모델이 생성한 사진이 나타난다. 사용자는 두 이미지 중 선호하는 쪽을 선택하고 투표하면, 그 결과가 리더보드에 반영된다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;. 예를 들어 그림을 그려달라고 요청하면 5~10초 후 두 개의 결과가 뜨고, 더 나은 이미지를 클릭하면 나노 바나나 모델의 결과 여부가 공개된다. 이후 다운로드 버튼을 눌러 이미지를 저장할 수 있다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;/span&gt;&lt;/span&gt;. 이처럼 LMArena는 모델들을 익명 대결시켜 사용자의 직관적 선호로 성능을 비교하므로, 단순 벤치마크와 달리 실제 사용자가 선호하는 AI를 가려낼 수 있다.&lt;/p&gt;
&lt;h2 data-end=&quot;2094&quot; data-start=&quot;2071&quot; data-ke-size=&quot;size26&quot;&gt;LMArena의 주요 특징과 활용&lt;/h2&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-end=&quot;3291&quot; data-start=&quot;2095&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li data-end=&quot;2307&quot; data-start=&quot;2095&quot;&gt;&lt;b&gt;투명한 비교&amp;middot;평가:&lt;/b&gt; LMArena의 핵심은 익명 대결과 대규모 투표를 통한 비교다. 모델과 사용자 모두 결과가 공개되지 않은 상태에서 경쟁하기 때문에 사전 편향 없이 평가할 수 있으며, 투표 결과는 곧바로 리더보드로 공개된다.&lt;/li&gt;
&lt;li data-end=&quot;2671&quot; data-start=&quot;2308&quot;&gt;&lt;b&gt;다중 모달리티 지원:&lt;/b&gt; 원래는 챗봇 평가에서 출발했지만, 현재는 텍스트&amp;middot;이미지&amp;middot;동영상&amp;middot;웹개발 등 다양한 &amp;lsquo;아레나&amp;rsquo;를 운영한다. 예를 들어 &lt;b&gt;Text-to-Image Arena&lt;/b&gt;나 &lt;b&gt;Image Edit Arena&lt;/b&gt;에서는 텍스트 설명으로 이미지를 생성하거나 편집하는 성능을 테스트하고, &lt;b&gt;WebDev Arena&lt;/b&gt;에서는 LLM이 웹앱 코드를 생성하는 능력을 평가한다. LMArena는 새로운 AI 기술이 나오면 곧바로 이들 아레나에 추가하여, 커뮤니티가 실시간으로 평가할 수 있도록 지원한다.&lt;/li&gt;
&lt;li data-end=&quot;2943&quot; data-start=&quot;2672&quot;&gt;&lt;b&gt;연구&amp;middot;커뮤니티 기여:&lt;/b&gt; LMArena는 연구 프로젝트로 시작한 만큼, 평가 데이터를 적극 개방하고 연구에 활용한다. 축적된 인간 선호도 데이터는 Hugging Face 등에 공개되어 누구나 다운로드할 수 있으며, 이를 활용해 AI 모델의 편향성 분석이나 새로운 평가 척도 개발에 기여하고 있다.&amp;nbsp;또한 팀은 ICML&amp;middot;NeurIPS 등에서 관련 연구 결과를 발표하며, 평가 방법론을 끊임없이 개선하고 있다.&lt;/li&gt;
&lt;li data-end=&quot;3291&quot; data-start=&quot;2944&quot;&gt;&lt;b&gt;기술 협력:&lt;/b&gt; 주요 AI 기업 및 오픈소스 팀과 협력하여 LLM을 테스트한다. Google, Meta, OpenAI 같은 대형 연구소는 신모델(예: Gemini, Claude, GPT-5)을 비공개 코드네임으로 LMArena에 올려 사전 테스트했고, 소규모 연구팀과 커뮤니티 모델 역시 모두 LMArena를 통해 비교되었다.&amp;nbsp;이 과정에서 LMArena는 모든 모델에 공평한 평가를 제공하되, 공식 공개용 모델만 리더보드에 점수를 게시하여 누구나 검증할 수 있도록 한다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-end=&quot;3770&quot; data-start=&quot;3293&quot; data-ke-size=&quot;size16&quot;&gt;LMArena의 사용법을 정리하면 다음과 같다. 회원으로 로그인한 뒤, 상단 메뉴나 사이드바에서 &lt;b&gt;Battle&lt;/b&gt; 또는 &lt;b&gt;아레나 이름&lt;/b&gt;을 선택한다. 예를 들어 이미지 생성 대전을 하고 싶다면 Image 아이콘을 클릭한다. 그러면 입력창이 나타나는데, 여기에 원하는 그림의 설명이나 편집할 이미지를 업로드하여 &lt;b&gt;Submit&lt;/b&gt;한다. 그러면 두 모델이 생성한 이미지가 동시에 표시되고, 사용자는 더 마음에 드는 이미지를 클릭하여 투표한다. 투표가 완료되면 어느 모델이 선택된 이미지인지 표시되며, 선택된 이미지는 다운로드할 수 있다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%205%3A%20Optimize%20or%20Download,Your%20Results&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. 이 과정에서 모델의 이름은 투표가 끝나기 전까지 알려지지 않기 때문에, 공정하게 비교가 이루어진다. LMArena의 리더보드 페이지에서는 각 모델의 승률과 통계, 신뢰구간 등을 확인할 수 있어 연구자나 사용자에게 유용한 참고 자료가 된다.&lt;/p&gt;
&lt;h2 data-end=&quot;3799&quot; data-start=&quot;3772&quot; data-ke-size=&quot;size26&quot;&gt;나노 바나나(Nano Banana) 개요&lt;/h2&gt;
&lt;p data-end=&quot;4361&quot; data-start=&quot;3800&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;나노 바나나&lt;/b&gt;는 최근 AI 커뮤니티에서 화제를 모으고 있는 차세대 이미지 생성&amp;middot;편집 AI 모델이다. 공식 개발사나 출시 소식 없이 엘엠아레나의 &lt;b&gt;이미지 편집 배틀(Battle)&lt;/b&gt; 메뉴에서 갑자기 등장해 큰 관심을 받았다. 현재 이름마저 비공식이며, 이를 통해 업계에서는 구글 내부 프로젝트일 것이라는 추측이 나온다. 구글은 전통적으로 과일 이름(예: Imagen)으로 이미지 모델에 코드네임을 붙여왔기 때문이다. 실제로 나노 바나나의 성능은 구글 Imagen(Gen 4)이나 Gemini 3와 비슷하거나 더 뛰어나다는 평가를 얻었고, &amp;ldquo;구글 이미지 모델의 차세대&amp;rdquo; 혹은 &amp;ldquo;제미니 라이트&amp;rdquo;라는 별칭도 붙었다. 단, 현재까지 구글은 나노 바나나의 존재를 공식 확인하지 않았으며, 개발 배경에 대한 공식 문서는 없다.&lt;/p&gt;
&lt;p data-end=&quot;4980&quot; data-start=&quot;4363&quot; data-ke-size=&quot;size16&quot;&gt;나노 바나나의 주요 기능과 성능은 다음과 같다. &lt;b&gt;텍스트-투-이미지 생성&lt;/b&gt;과 &lt;b&gt;이미지 편집&lt;/b&gt; 기능을 모두 지원하며, 그 퀄리티가 매우 높다. 예를 들어 간단한 명령어만으로 사진 속 배경을 변경하거나 인물의 표정을 미소 짓게 바꾸는 등 장면 전체를 현실감 있게 재구성할 수 있다. 특히 기존 이미지 편집 도구와 달리 레이어를 세밀하게 다루지 않아도 한 번에 결과가 나오는데, 배경&amp;middot;인물&amp;middot;소품 등의 요소들이 자연스럽게 조화된다.&amp;nbsp;여러 이미지나 프레임에 동일한 캐릭터가 등장할 때도, 나노 바나나는 그 캐릭터의 스타일과 정체성을 일관되게 유지할 수 있다. 따라서 만화 형식의 연속 장면이나 다양한 컷의 연출에서도 등장 인물의 일관성을 보장하며, 수채화&amp;middot;유화&amp;middot;만화&amp;middot;사진 등 다양한 &lt;b&gt;아트 스타일 전환&lt;/b&gt;에도 자유롭게 대응한다. 실제로 나노 바나나는 유튜브 리뷰 등에서 &amp;ldquo;이미지 일관성이 100% 유지된다&amp;rdquo;라는 평가를 받을 만큼, 인물의 얼굴과 분위기를 정확히 복원하는 사례를 보여 주었다.&lt;/p&gt;
&lt;p data-end=&quot;5462&quot; data-start=&quot;4982&quot; data-ke-size=&quot;size16&quot;&gt;또한 초기 테스트에서는 흐릿한 사진을 선명하게 보정하거나 두 이미지를 합성하는 등의 어려운 작업에서도 탁월한 성능을 보였다고 알려졌다. 예를 들어, 흐릿한 원본 사진을 또렷하게 바꾸거나 서로 다른 사진을 자연스럽게 합성하는 작업에서 기존 모델보다 우월한 결과를 냈다. 다만 일부 결과물에서는 사람 눈이나 배경 일부가 다소 부자연스럽게 표현되기도 한다. 이처럼 나노 바나나는 현재 공개된 여타 모델을 앞서는 뛰어난 역량을 보여 주지만, 공식적인 버전이 아니므로 안정성이나 윤리성 면에서는 완전히 검증되지 않았다. 기술 스택은 알려지지 않았으나, 고성능 이미지 생성 AI임을 고려할 때 구글 Imagen/Gemini 계열의 대형 트랜스포머+확산(Transformer+Diffusion) 기술이 응용되었을 가능성이 높다.&lt;/p&gt;
&lt;p data-end=&quot;5788&quot; data-start=&quot;5464&quot; data-ke-size=&quot;size16&quot;&gt;그림: 나노 바나나로 생성 또는 편집한 예시 이미지 (출처: LMArena 사용자). 위 이미지는 나노 바나나를 이용해 생성한 예시이다. 복잡한 장면(인물과 배경이 함께 있는 사진 등)을 사실적으로 표현하며, 캐릭터의 표정이나 소품의 디테일이 자연스럽게 유지됨을 볼 수 있다. 특히 배경과 인물이 어우러지는 조명과 색상이 일관성을 띠고 있어, 하나의 통합된 이미지처럼 보인다. 나노 바나나는 사용자 프롬프트에 맞춰 장면 전체의 구도를 이해하고, 인물의 분위기나 표정을 정확하게 조정하는 능력이 뛰어나다.&lt;/p&gt;
&lt;p data-end=&quot;6061&quot; data-start=&quot;5790&quot; data-ke-size=&quot;size16&quot;&gt;그림: 나노 바나나로 생성한 또 다른 예시 이미지. 위 이미지는 나노 바나나가 지원하는 스타일 변환 기능을 보여준다. 만화풍으로 그려진 캐릭터나, 독특한 배경이 섞인 복합적인 장면 등을 자연스럽게 생성할 수 있다. (※ 그림은 예시일 뿐 실제 프롬프트 내용과 약간의 차이가 있을 수 있다.) 이처럼 나노 바나나는 단일 사진뿐 아니라 다양한 스타일과 요소가 혼합된 장면에서도 높은 창의성과 일관성을 보여 준다.&lt;/p&gt;
&lt;p data-end=&quot;6783&quot; data-start=&quot;6063&quot; data-ke-size=&quot;size16&quot;&gt;나노 바나나의 사용법은 현재 LMArena의 플랫폼을 통해서만 제공된다. 공식 웹사이트나 API는 공개되어 있지 않으며, 플럭스AI 같은 일부 사이트에서도 한정적으로 체험할 수 있을 뿐이다. 가장 일반적인 사용 방법은 다음과 같다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%201%3A%20Visit%20the%20Lmarena,Website&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%205%3A%20Optimize%20or%20Download,Your%20Results&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;: 1) LMArena 웹사이트에 접속하여 회원가입 또는 로그인한다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%201%3A%20Visit%20the%20Lmarena,Website&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. 2) 상단 메뉴에서 &lt;b&gt;Battle&lt;/b&gt; 모드를 선택한다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%203%3A%20Choose%20%E2%80%9CBattle%E2%80%9D%20Mode&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. 3) 텍스트 프롬프트를 입력하거나 편집할 이미지를 업로드하고 Send를 클릭한다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Enter%20your%20creative%20prompt%20or,image%20and%20contextual%20editing%20shine&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. 4) 약 5~10초 후 두 개의 생성 이미지가 나타난다. 5) 그중 더 나은 이미지를 선택하면 어떤 모델이 생성했는지 공개되는데, 대부분의 경우 선택된 쪽이 나노 바나나의 결과이다&lt;span data-state=&quot;closed&quot;&gt;&lt;span data-testid=&quot;webpage-citation-pill&quot;&gt;&lt;a href=&quot;https://aipure.ai/articles/how-to-use-nano-banana-lmarena-for-free#:~:text=Step%205%3A%20Optimize%20or%20Download,Your%20Results&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;aipure.ai&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. 6) 결과물이 만족스럽다면 다운로드 버튼을 눌러 이미지를 저장한다. 이 과정에서 사용자는 나노 바나나와 다른 모델(예: Flux, Ideogram 등)의 결과를 직접 비교할 수 있으며, 선택한 결과는 LMArena의 평가 데이터로도 활용된다.&lt;/p&gt;
&lt;h2 data-end=&quot;6810&quot; data-start=&quot;6785&quot; data-ke-size=&quot;size26&quot;&gt;LMArena와 나노 바나나의 연관성&lt;/h2&gt;
&lt;p data-end=&quot;7349&quot; data-start=&quot;6811&quot; data-ke-size=&quot;size16&quot;&gt;LMArena와 나노 바나나는 역할이 다르면서도 밀접히 연결되어 있다. 간단히 말해, 나노 바나나는 LMArena 플랫폼을 통해 세상에 알려진 모델이다. 즉, &lt;b&gt;나노 바나나를 경험하려면 LMArena에서 이미지 배틀을 실행해야 한다.&lt;/b&gt;&amp;nbsp;현재 나노 바나나의 단독 서비스는 없기 때문에, 사용자들이 나노 바나나의 성능을 체험할 수 있는 유일한 통로는 엘엠아레나를 이용하는 방법뿐이다. LMArena는 평가 시스템을 통해 나노 바나나의 강점을 부각시켰고, 반대로 나노 바나나는 LMArena의 이미지 대전 영역에 새 콘텐츠를 제공함으로써 플랫폼의 가치를 높이고 있다. 또한 LMArena가 모은 대규모 인간 평가 데이터는 나노 바나나 같은 모델의 성능 비교에도 활용된다. 예를 들어, 나노 바나나와 Flux-Kontext 같은 여타 모델이 동일한 프롬프트에 대해 어떻게 다른지 LMArena의 투표 결과로 분석할 수 있다.&lt;/p&gt;
&lt;p data-end=&quot;7701&quot; data-start=&quot;7351&quot; data-ke-size=&quot;size16&quot;&gt;두 기술의 통합 사용법을 정리하면, 나노 바나나를 사용하기 위해서는 LMArena에 접속해 이미지 배틀을 진행하면 되고, LMArena를 통해 얻은 평가 결과는 나노 바나나의 개발이나 개선에도 피드백으로 활용될 수 있다. 즉, &lt;b&gt;LMArena는 나노 바나나 같은 새로운 AI 모델을 테스트하고 검증하는 장(場)을 제공하며, 나노 바나나는 LMArena 시스템에서 그 성능을 입증함으로써 함께 발전&lt;/b&gt;한다고 볼 수 있다. 현재로서는 이 두 기술을 직접 연동하는 별도의 API나 라이브러리는 없지만, LMArena가 나노 바나나를 평가 플랫폼으로 제공하는 한 나노 바나나를 사용하려면 자연스럽게 LMArena를 활용하게 된다.&lt;/p&gt;
&lt;p data-end=&quot;7701&quot; data-start=&quot;7351&quot; data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://lmarena.ai/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://lmarena.ai/&lt;/a&gt; - LMAreana 링크&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-end=&quot;7710&quot; data-start=&quot;7703&quot; data-ke-size=&quot;size26&quot;&gt;마무리&lt;/h2&gt;
&lt;p data-end=&quot;8390&quot; data-start=&quot;7711&quot; data-ke-size=&quot;size16&quot;&gt;엘엠아레나(LMArena)와 나노 바나나는 각각 AI 모델 평가와 생성의 최전선에 서 있는 혁신 기술이다. LMArena는 수십만 명의 사용자가 참여하는 대중적 평가 플랫폼으로, 투명한 방식으로 다양한 AI 모델의 성능을 비교&amp;middot;분석한다. 나노 바나나는 아직 베일에 싸인 차세대 이미지 생성 모델로서, 엘엠아레나를 통해 입증된 압도적인 품질로 화제가 되었다.&amp;nbsp;두 기술은 역할이 다르지만 상호 보완적이다. LMArena를 통해 모델을 검증하고 순위를 매기면, 결과적으로 나노 바나나 같은 모델도 더욱 신뢰성 있게 개선될 수 있다. 현재 나노 바나나를 체험하기 위해서는 LMArena 플랫폼을 이용해야 하지만, 향후 나노 바나나가 별도 서비스로 공개되더라도 LMArena의 평가 데이터는 중요한 벤치마크로 활용될 것이다. 종합하면, LMArena와 나노 바나나는 AI 기술 생태계에서 각각 &lt;b&gt;모델 평가의 기준점&lt;/b&gt;과 &lt;b&gt;최첨단 이미지 생성 능력&lt;/b&gt;으로 자리매김하고 있으며, 앞으로도 각자의 영역에서 상호작용하며 발전할 것으로 기대된다.&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;</description>
      <category>잡학사전</category>
      <author>CoderCharlie</author>
      <guid isPermaLink="true">https://codercharlie.tistory.com/34</guid>
      <comments>https://codercharlie.tistory.com/34#entry34comment</comments>
      <pubDate>Tue, 19 Aug 2025 08:48:38 +0900</pubDate>
    </item>
  </channel>
</rss>