<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>방구석 개발자의 일지</title>
    <link>https://roomdev-diary.tistory.com/</link>
    <description>모든 것이 제 방에서 만들어집니다.
여러분들도 같이 시작합시다.</description>
    <language>ko</language>
    <pubDate>Sun, 28 Jun 2026 10:21:56 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>민또배기</managingEditor>
    <image>
      <title>방구석 개발자의 일지</title>
      <url>https://tistory1.daumcdn.net/tistory/5332636/attach/38c3d2fc8e674d0aab8179bc21b62a46</url>
      <link>https://roomdev-diary.tistory.com</link>
    </image>
    <item>
      <title>C#을 사용하여 Unity 폴더의 파일 목록 가져오기</title>
      <link>https://roomdev-diary.tistory.com/91</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 11&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.16f1&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;유니티에서 폴더의 파일 목록을 가져오는 방법에 대해서 알아보겠습니다.&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;먼저 게임 오브젝트를 하나만들고 거기에 FileList라는 이름으로 컴포넌트를 추가합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;260&quot; data-origin-height=&quot;271&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bctLXH/btr3cdCZJD9/MKlKmkR2ks5155MXRGgDt0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bctLXH/btr3cdCZJD9/MKlKmkR2ks5155MXRGgDt0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bctLXH/btr3cdCZJD9/MKlKmkR2ks5155MXRGgDt0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbctLXH%2Fbtr3cdCZJD9%2FMKlKmkR2ks5155MXRGgDt0%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;260&quot; height=&quot;271&quot; data-origin-width=&quot;260&quot; data-origin-height=&quot;271&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 아래처럼 소스코드를 작성합니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678462361991&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.IO;

public class fileList : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        DirectoryInfo di = new DirectoryInfo(Application.dataPath);

        foreach (FileInfo file in di.GetFiles())
        {
            Debug.Log(&quot;파일명 : &quot; + file.Name);
        }
    }
}&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;b&gt;using System.IO&lt;/b&gt;입니다.&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;파일과 데이터 스트림에 대한 일기 및 쓰기를 허용하는 형식과 기본 파일 및 디렉터리 지원을 제공하는 형식이 포함되어 있는 네임스페이스&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;GetFiles&lt;/b&gt;를 이용하여 폴더내의 목록을 가져오면 됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;301&quot; data-origin-height=&quot;155&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/8ffJa/btr3asAZToM/LwUjMf8sWLjiLrbwYKQqn1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/8ffJa/btr3asAZToM/LwUjMf8sWLjiLrbwYKQqn1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/8ffJa/btr3asAZToM/LwUjMf8sWLjiLrbwYKQqn1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F8ffJa%2Fbtr3asAZToM%2FLwUjMf8sWLjiLrbwYKQqn1%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;301&quot; height=&quot;155&quot; data-origin-width=&quot;301&quot; data-origin-height=&quot;155&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif; color: #666666; text-align: left;&quot;&gt;그런데 저 파일 목록 중에 특정 파일만 가져오고 싶을 땐 다음과 같이 GetFiles에 &lt;b&gt;&quot;*.cs&quot;&lt;/b&gt;를 넣어 줍니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif; color: #666666; text-align: left;&quot;&gt;&lt;b&gt;*.cs&lt;/b&gt;의 의미는 &lt;b&gt;.cs&lt;/b&gt;의 확장자를 가진 파일을 가져온다는 의미 입니다. (앞에 있는 &lt;b&gt;*&lt;/b&gt;는 모든 값을 의미합니다.)&lt;/span&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1678462815515&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.IO;

public class fileList : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        System.IO.DirectoryInfo di = new DirectoryInfo(Application.dataPath);

        foreach (FileInfo file in di.GetFiles(&quot;*.cs&quot;))
        {
            Debug.Log(&quot;파일명 : &quot; + file.Name);
        }
    }
}&lt;/code&gt;&lt;/pre&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-origin-width=&quot;276&quot; data-origin-height=&quot;97&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/clUoW3/btr3efUc2Lx/dNklXTYB066ub4KqwB7DoK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/clUoW3/btr3efUc2Lx/dNklXTYB066ub4KqwB7DoK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/clUoW3/btr3efUc2Lx/dNklXTYB066ub4KqwB7DoK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FclUoW3%2Fbtr3efUc2Lx%2FdNklXTYB066ub4KqwB7DoK%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;276&quot; height=&quot;97&quot; data-origin-width=&quot;276&quot; data-origin-height=&quot;97&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 이전과 다르게 &lt;b&gt;cs&lt;/b&gt;파일만 출력됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;파일 전체경로를 출력하고 싶으시다면 file.Name이 아닌 file로 출력하시면 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>유니티</category>
      <category>c#</category>
      <category>directoryinfo</category>
      <category>getfile</category>
      <category>getlist</category>
      <category>Unity</category>
      <category>유니티 파일 경로</category>
      <category>파일 경로</category>
      <category>폴더 경로</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/91</guid>
      <comments>https://roomdev-diary.tistory.com/91#entry91comment</comments>
      <pubDate>Sat, 11 Mar 2023 14:41:10 +0900</pubDate>
    </item>
    <item>
      <title>C#(Unity) - 로컬 IP 읽어오는 법</title>
      <link>https://roomdev-diary.tistory.com/90</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 10&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;C#에서 로컬 IP를 출력하는 방법입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&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;Console.WriteLine&lt;/b&gt;이 아닌 &lt;b&gt;print&lt;/b&gt;나 &lt;b&gt;Debug.Log&lt;/b&gt;로 변경하셔야 합니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;pre id=&quot;code_1678412100270&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Net; //추가해줘야 합니다.
 
IPHostEntry host = Dns.GetHostEntry(Dns.GetHostName());
foreach (IPAddress ip in host.AddressList)
{
    if (ip.AddressFamily == AddressFamily.InterNetwork)
    {
         Console.WriteLine(ip.ToString());
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;284&quot; data-origin-height=&quot;61&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cRcXGe/btr22OJjoc1/d3omj9XgZ8mGm3FfO16Yb0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cRcXGe/btr22OJjoc1/d3omj9XgZ8mGm3FfO16Yb0/img.png&quot; data-alt=&quot;유니티에서 확인한 결과&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cRcXGe/btr22OJjoc1/d3omj9XgZ8mGm3FfO16Yb0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcRcXGe%2Fbtr22OJjoc1%2Fd3omj9XgZ8mGm3FfO16Yb0%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;284&quot; height=&quot;61&quot; data-origin-width=&quot;284&quot; data-origin-height=&quot;61&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;</description>
      <category>프로그래밍/C#</category>
      <category>c#</category>
      <category>IP</category>
      <category>개발</category>
      <category>서버통신</category>
      <category>와이파이</category>
      <category>유니티</category>
      <category>코딩</category>
      <category>프로그래밍</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/90</guid>
      <comments>https://roomdev-diary.tistory.com/90#entry90comment</comments>
      <pubDate>Fri, 10 Mar 2023 10:37:21 +0900</pubDate>
    </item>
    <item>
      <title>유니티에서 http 로컬 서버의 file목록 가져오기</title>
      <link>https://roomdev-diary.tistory.com/89</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 10&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.6f1&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;ftp서버에서 목록의 목록을 확인해야할 때, 사용하는 방법입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&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;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1678325130183&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using System.Net;
using System.Text.RegularExpressions;
using UnityEngine;
using static System.Net.WebRequestMethods;

public class CountFTPFile : MonoBehaviour
{
    private void Start()
    {
    
        string uri = &quot;http://192.168.20.160:8080/&quot;;
        WebRequest request = WebRequest.Create(uri);
        WebResponse response = request.GetResponse();
        Regex regex = new Regex(&quot;&amp;lt;a href=\&quot;.*\&quot;&amp;gt;(?&amp;lt;name&amp;gt;.*)&amp;lt;/a&amp;gt;&quot;);
        Debug.Log(&quot;here&quot;);
        using (var reader = new StreamReader(response.GetResponseStream()))
        {
            string result = reader.ReadToEnd();
            Debug.Log(result);
            MatchCollection matches = regex.Matches(result);
            if (matches.Count == 0)
            {
                Debug.Log(&quot;parse failed.&quot;);
                return;
            }

            foreach (Match match in matches)
            {
                if (!match.Success) { continue; }
                Debug.Log(match.Groups[&quot;name&quot;]);
            }
        }
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위 소스코드 중에 Regex가 값을 받아오는 부분입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜냐하면 서버에서 html이 아래와 같은 형식이기 때문입니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678325151432&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt; new Regex(&quot;&amp;lt;a href=\&quot;.*\&quot;&amp;gt;(?&amp;lt;name&amp;gt;.*)&amp;lt;/a&amp;gt;&quot;);&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;349&quot; data-origin-height=&quot;158&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/uZuKu/btr2Oq3Oqhu/gP2qYVt8J1PldoPY1Z4gc1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uZuKu/btr2Oq3Oqhu/gP2qYVt8J1PldoPY1Z4gc1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uZuKu/btr2Oq3Oqhu/gP2qYVt8J1PldoPY1Z4gc1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuZuKu%2Fbtr2Oq3Oqhu%2FgP2qYVt8J1PldoPY1Z4gc1%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;349&quot; height=&quot;158&quot; data-origin-width=&quot;349&quot; data-origin-height=&quot;158&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위 소스코드를 실행하면 다음과 같이 출력 됩니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;428&quot; data-origin-height=&quot;349&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/49jx2/btr2ORz1gio/e56FZwdMb2Uw275xsMrA21/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/49jx2/btr2ORz1gio/e56FZwdMb2Uw275xsMrA21/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/49jx2/btr2ORz1gio/e56FZwdMb2Uw275xsMrA21/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F49jx2%2Fbtr2ORz1gio%2Fe56FZwdMb2Uw275xsMrA21%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;428&quot; height=&quot;349&quot; data-origin-width=&quot;428&quot; data-origin-height=&quot;349&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;</description>
      <category>유니티</category>
      <category>c#</category>
      <category>ftp</category>
      <category>ftp 파일 목록</category>
      <category>HTTP</category>
      <category>백엔드</category>
      <category>서버</category>
      <category>서버 파일 읽어오기</category>
      <category>유니티</category>
      <category>유니티 프로그래밍</category>
      <category>파일 읽기</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/89</guid>
      <comments>https://roomdev-diary.tistory.com/89#entry89comment</comments>
      <pubDate>Thu, 9 Mar 2023 10:31:33 +0900</pubDate>
    </item>
    <item>
      <title>파이썬에서 시간 차이 구하기</title>
      <link>https://roomdev-diary.tistory.com/88</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window10&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 3.10.10&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;파이썬에 있는 &lt;span style=&quot;background-color: #f3c000;&quot;&gt;datetime&lt;/span&gt; 모듈을 통해 시간 데이터를 제어할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저는 여기서 현재 시간을 받아오기 위해 &lt;span style=&quot;background-color: #f3c000;&quot;&gt;time&lt;/span&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;아래의 소스코드를 사용하면 현재 시간을 받아올 수 있습니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678322167205&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;from datetime import datetime
import time


now = time.localtime()
fmt = '%Y-%m-%d %H:%M:%S'

nowTimestr = time.strftime(fmt, now)
print(nowTimestr)&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;498&quot; data-origin-height=&quot;36&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/byDCQz/btr2H65P3T7/DdpnDgfF6a65VGTP4TNJ7k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/byDCQz/btr2H65P3T7/DdpnDgfF6a65VGTP4TNJ7k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/byDCQz/btr2H65P3T7/DdpnDgfF6a65VGTP4TNJ7k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbyDCQz%2Fbtr2H65P3T7%2FDdpnDgfF6a65VGTP4TNJ7k%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;498&quot; height=&quot;36&quot; data-origin-width=&quot;498&quot; data-origin-height=&quot;36&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여기서 nowTimestr을 가지고 +,- 와 같은 사칙연산을 하고 싶으시다면 strftime을 사용할 수 없습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜냐하면 strftime은 str형식이기 때문에 사칙연산이 되지 않습니다. 그러니 시간에 대한 사칙연산이 필요하다면 strptime을 사용하시면 됩니다. strptime은 datatime에 있습니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678322462390&quot; class=&quot;python&quot; data-ke-language=&quot;python&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;from datetime import datetime
import time


now = time.localtime()
fmt = '%Y-%m-%d %H:%M:%S'

nowTimestr = time.strftime(fmt, now)
nowTimestamp = datetime.strptime(nowTimestr, fmt)
pastTimestamp = datetime.strptime(&quot;2022-02-03 15:22:14&quot;, fmt)

print(nowTimestr)
print(nowTimestamp - pastTimestamp)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;nowTimestamp와 pastTimestamp의 차에서 day, total_seconds등을 사용해서 좀 더 세분화 해서 사용도 가능합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>프로그래밍/Python</category>
      <category>Python</category>
      <category>코딩 기초</category>
      <category>프로그래밍</category>
      <category>프로그래밍 강의</category>
      <category>프로그래밍 기초</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/88</guid>
      <comments>https://roomdev-diary.tistory.com/88#entry88comment</comments>
      <pubDate>Thu, 9 Mar 2023 09:57:55 +0900</pubDate>
    </item>
    <item>
      <title>티스토리 안에서, 소스코드 실행하기</title>
      <link>https://roomdev-diary.tistory.com/87</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;저의 티스토리 블로그는 개발 블로그?이기 때문에 그래도 이 안에서 소스코드가 동작되면 좋겠다고 생각했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;찾아보니 &lt;span style=&quot;background-color: #000000; color: #bebebe;&quot;&gt;Trinket&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;이라는 게 있더군요&lt;/span&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;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;a href=&quot;https://trinket.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://trinket.io/&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1678321166220&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;Trinket&quot; data-og-description=&quot;Trinket Premium Plans Designed with individual learners and educators in mind, premium plans offer more power and convenience. View Premium Plans Free Support for Educators Educators are a key part of our mission. We offer free support to all verified educ&quot; data-og-host=&quot;trinket.io&quot; data-og-source-url=&quot;https://trinket.io/&quot; data-og-url=&quot;https://trinket.io/&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://trinket.io/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://trinket.io/&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;Trinket&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Trinket Premium Plans Designed with individual learners and educators in mind, premium plans offer more power and convenience. View Premium Plans Free Support for Educators Educators are a key part of our mission. We offer free support to all verified educ&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;trinket.io&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&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;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-origin-width=&quot;1059&quot; data-origin-height=&quot;529&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xZoQr/btr2RYd7ACr/v4Rd4QgLc9KbP66jN1BbKK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xZoQr/btr2RYd7ACr/v4Rd4QgLc9KbP66jN1BbKK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xZoQr/btr2RYd7ACr/v4Rd4QgLc9KbP66jN1BbKK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxZoQr%2Fbtr2RYd7ACr%2Fv4Rd4QgLc9KbP66jN1BbKK%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;1059&quot; height=&quot;529&quot; data-origin-width=&quot;1059&quot; data-origin-height=&quot;529&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;저기 열쇠모양은 비공개된 상태를 나타냅니다. 즉, 액세스 권한이 있어야만 볼 수 있는 것이라고 합니다.&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-origin-width=&quot;1639&quot; data-origin-height=&quot;625&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/LMrIC/btr2O2aez3U/gmoJrnRI0RPhXRXK6mA031/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/LMrIC/btr2O2aez3U/gmoJrnRI0RPhXRXK6mA031/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/LMrIC/btr2O2aez3U/gmoJrnRI0RPhXRXK6mA031/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLMrIC%2Fbtr2O2aez3U%2FgmoJrnRI0RPhXRXK6mA031%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;1639&quot; height=&quot;625&quot; data-origin-width=&quot;1639&quot; data-origin-height=&quot;625&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&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;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&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/KQGGJ/btr2Njw1UYJ/Yma2igeHukvz0qJZEf2JvK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/KQGGJ/btr2Njw1UYJ/Yma2igeHukvz0qJZEf2JvK/img.png&quot; data-origin-width=&quot;614&quot; data-origin-height=&quot;340&quot; data-is-animation=&quot;false&quot; style=&quot;width: 41.0025%; margin-right: 10px;&quot; data-widthpercent=&quot;41.48&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/KQGGJ/btr2Njw1UYJ/Yma2igeHukvz0qJZEf2JvK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FKQGGJ%2Fbtr2Njw1UYJ%2FYma2igeHukvz0qJZEf2JvK%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;614&quot; height=&quot;340&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/I3QI5/btr2O1h7EsB/n1d7l5kGaxcdmHWQ06HHy0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/I3QI5/btr2O1h7EsB/n1d7l5kGaxcdmHWQ06HHy0/img.png&quot; data-origin-width=&quot;782&quot; data-origin-height=&quot;307&quot; data-is-animation=&quot;false&quot; style=&quot;width: 57.8347%;&quot; data-widthpercent=&quot;58.52&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/I3QI5/btr2O1h7EsB/n1d7l5kGaxcdmHWQ06HHy0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FI3QI5%2Fbtr2O1h7EsB%2Fn1d7l5kGaxcdmHWQ06HHy0%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;782&quot; height=&quot;307&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;작성을 완료 했으면 Save를 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 Share가 나타나는데 여기서 Embed를 눌러 줍니다.&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-origin-width=&quot;1019&quot; data-origin-height=&quot;431&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dhgMDz/btr2ORmsCOg/RHYft5v0Aaifez9AAATz10/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dhgMDz/btr2ORmsCOg/RHYft5v0Aaifez9AAATz10/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dhgMDz/btr2ORmsCOg/RHYft5v0Aaifez9AAATz10/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdhgMDz%2Fbtr2ORmsCOg%2FRHYft5v0Aaifez9AAATz10%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;1019&quot; height=&quot;431&quot; data-origin-width=&quot;1019&quot; data-origin-height=&quot;431&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위 주소를 복사해서 티스토리 글 작성으로 들어갑니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;169&quot; data-origin-height=&quot;191&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b0dfe3/btr2O1h7Git/jjQYRP7DOgvoq5RdltK8N0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b0dfe3/btr2O1h7Git/jjQYRP7DOgvoq5RdltK8N0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b0dfe3/btr2O1h7Git/jjQYRP7DOgvoq5RdltK8N0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb0dfe3%2Fbtr2O1h7Git%2FjjQYRP7DOgvoq5RdltK8N0%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;169&quot; height=&quot;191&quot; data-origin-width=&quot;169&quot; data-origin-height=&quot;191&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;오른쪽 위에 보면 &lt;b&gt;기본모드&lt;/b&gt;라고 쓰여 있는데, &lt;b&gt;HTML&lt;/b&gt;로 바꿔 줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그 다음 trnket에서 복사한 내용을 붙여넣기 합니다.(그냥 제일 아래에 하세요)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;iframe src=&quot;https://trinket.io/embed/python/079eed02f6&quot; width=&quot;100%&quot; height=&quot;600&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&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;이전에 JSFiddle로도 해봤는데, 거기는 jsscript만 동작되서 다른 것을 찾다가 발견하게 되었습니다.&lt;/p&gt;</description>
      <category>일상,잡다</category>
      <category>Python</category>
      <category>Trinket</category>
      <category>블로그에 소스코드</category>
      <category>소스코드</category>
      <category>코딩테스트</category>
      <category>티스토리 블로그</category>
      <category>프로그래밍</category>
      <category>프로그래밍 공부</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/87</guid>
      <comments>https://roomdev-diary.tistory.com/87#entry87comment</comments>
      <pubDate>Thu, 9 Mar 2023 09:34:34 +0900</pubDate>
    </item>
    <item>
      <title>유니티 시작메뉴 구성하기 (Creating Unity Start Menu) - 설정 창 만들기</title>
      <link>https://roomdev-diary.tistory.com/86</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 11&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.16f1&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;지난번에 만들었던 것에 추가해보려 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://roomdev-diary.tistory.com/84&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://roomdev-diary.tistory.com/84&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;543&quot; data-origin-height=&quot;351&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bDJ0t6/btr2u0kC6AA/WYHrGeoT58LGYSt9gDj521/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bDJ0t6/btr2u0kC6AA/WYHrGeoT58LGYSt9gDj521/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bDJ0t6/btr2u0kC6AA/WYHrGeoT58LGYSt9gDj521/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbDJ0t6%2Fbtr2u0kC6AA%2FWYHrGeoT58LGYSt9gDj521%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;543&quot; height=&quot;351&quot; data-origin-width=&quot;543&quot; data-origin-height=&quot;351&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 캔버스에 소리와 닫기를 만들어봅시다. 확인?버튼도 있어야 겠군요&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 저는 플래티콘에서 &lt;a href=&quot;https://www.flaticon.com/kr/free-icon/close-cross_64498?term=%EB%8B%AB%EA%B8%B0&amp;amp;page=1&amp;amp;position=14&amp;amp;origin=search&amp;amp;related_id=64498&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;닫기 버튼&lt;/a&gt;과 &lt;a href=&quot;https://www.flaticon.com/kr/free-icon/speaker_4347490?term=%EC%8A%A4%ED%94%BC%EC%BB%A4&amp;amp;page=1&amp;amp;position=2&amp;amp;origin=search&amp;amp;related_id=4347490&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;소리 아이콘&lt;/a&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;p data-ke-size=&quot;size16&quot;&gt;그리고 제가 선호하는 방법입니다만 이런 아이콘들은 흰색으로 하는걸 추천합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;물론 그대로 사용해도 되지만 색을 변경해야 할 때, 흰색으로 해놓으면 유니티에서 바로 바꿔서 확인할 수 있기 때문에 저는 흰색으로 변경하는걸 선호 하는 편입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저는 gimp라는 무료 툴을 사용해서 수정하였습니다.(원하시면 관련된 것도 올려보겠습니다.)&lt;/p&gt;
&lt;p&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/6FUa5/btr2D6KxiD1/dffcE4cll6q5kZeECtvXz1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/6FUa5/btr2D6KxiD1/dffcE4cll6q5kZeECtvXz1/img.png&quot; data-origin-width=&quot;478&quot; data-origin-height=&quot;391&quot; data-is-animation=&quot;false&quot; style=&quot;width: 51.6271%; margin-right: 10px;&quot; data-widthpercent=&quot;52.23&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/6FUa5/btr2D6KxiD1/dffcE4cll6q5kZeECtvXz1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6FUa5%2Fbtr2D6KxiD1%2FdffcE4cll6q5kZeECtvXz1%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;478&quot; height=&quot;391&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/baOkLF/btr2D0jhhxD/3c73Etb2I6LR5eFzcOORbk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/baOkLF/btr2D0jhhxD/3c73Etb2I6LR5eFzcOORbk/img.png&quot; data-origin-width=&quot;493&quot; data-origin-height=&quot;441&quot; data-is-animation=&quot;false&quot; style=&quot;width: 47.2101%;&quot; data-widthpercent=&quot;47.77&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/baOkLF/btr2D0jhhxD/3c73Etb2I6LR5eFzcOORbk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbaOkLF%2Fbtr2D0jhhxD%2F3c73Etb2I6LR5eFzcOORbk%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;493&quot; height=&quot;441&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&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-origin-width=&quot;225&quot; data-origin-height=&quot;312&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/wV1PS/btr2GLMDFzc/jzCuhMxeHSOWc8ArsvpUtk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/wV1PS/btr2GLMDFzc/jzCuhMxeHSOWc8ArsvpUtk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/wV1PS/btr2GLMDFzc/jzCuhMxeHSOWc8ArsvpUtk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FwV1PS%2Fbtr2GLMDFzc%2FjzCuhMxeHSOWc8ArsvpUtk%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;225&quot; height=&quot;312&quot; data-origin-width=&quot;225&quot; data-origin-height=&quot;312&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저는 MenuImages라는 폴더를 만들고 넣어줬습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 이미지를 클릭하셔서 인스펙터창에 Texture Type/Sprite를 클릭해서 바꿔줍니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;242&quot; data-origin-height=&quot;146&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rJ3ox/btr2znzDpXa/K63scrdDfpixmBU0naKDO1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rJ3ox/btr2znzDpXa/K63scrdDfpixmBU0naKDO1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rJ3ox/btr2znzDpXa/K63scrdDfpixmBU0naKDO1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrJ3ox%2Fbtr2znzDpXa%2FK63scrdDfpixmBU0naKDO1%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;242&quot; height=&quot;146&quot; data-origin-width=&quot;242&quot; data-origin-height=&quot;146&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;568&quot; data-origin-height=&quot;497&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/viKmE/btr2xS0GUd4/fcgURakz68CMzK9SZkEp91/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/viKmE/btr2xS0GUd4/fcgURakz68CMzK9SZkEp91/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/viKmE/btr2xS0GUd4/fcgURakz68CMzK9SZkEp91/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FviKmE%2Fbtr2xS0GUd4%2FfcgURakz68CMzK9SZkEp91%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;568&quot; height=&quot;497&quot; data-origin-width=&quot;568&quot; data-origin-height=&quot;497&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;그러기 위해서 이미지하나를 생성하고 SettingWindow라고 이름 짓겠습니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;435&quot; data-origin-height=&quot;210&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rzys7/btr2tCxvQd9/1Cfe1h8aPM4UkT4Ghj8h5K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rzys7/btr2tCxvQd9/1Cfe1h8aPM4UkT4Ghj8h5K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rzys7/btr2tCxvQd9/1Cfe1h8aPM4UkT4Ghj8h5K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Frzys7%2Fbtr2tCxvQd9%2F1Cfe1h8aPM4UkT4Ghj8h5K%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;435&quot; height=&quot;210&quot; data-origin-width=&quot;435&quot; data-origin-height=&quot;210&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;SettingsWindow을 parents로 하여 Button과 Slider를 만들어 줍니다.&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;이제 제가 오른쪽 상단, 하단, 이런식으로 얘기했는데, 그 이유는 Rect Transform의 pivot과 관련이 있습니다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;405&quot; data-origin-height=&quot;129&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b9s9OR/btr2Fcw0Wgx/S21pcJ93WVO7ohQQm2E8A1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b9s9OR/btr2Fcw0Wgx/S21pcJ93WVO7ohQQm2E8A1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b9s9OR/btr2Fcw0Wgx/S21pcJ93WVO7ohQQm2E8A1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb9s9OR%2Fbtr2Fcw0Wgx%2FS21pcJ93WVO7ohQQm2E8A1%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;405&quot; height=&quot;129&quot; data-origin-width=&quot;405&quot; data-origin-height=&quot;129&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;394&quot; data-origin-height=&quot;135&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tUhtw/btr2uf98LhY/Ti9lErt2FHEcPpPOHy5hI1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tUhtw/btr2uf98LhY/Ti9lErt2FHEcPpPOHy5hI1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tUhtw/btr2uf98LhY/Ti9lErt2FHEcPpPOHy5hI1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtUhtw%2Fbtr2uf98LhY%2FTi9lErt2FHEcPpPOHy5hI1%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;394&quot; height=&quot;135&quot; data-origin-width=&quot;394&quot; data-origin-height=&quot;135&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런식으로 지정해 두면 사이즈가 변경되거나 해도 조절하기가 편해질 뿐더러, 해상도가 다른 기기에서 동작될때도 흩어져 있는게 아닌 왠만하면 그 자리에 있게 됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;350&quot; data-origin-height=&quot;288&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/KnCbb/btr2ug2iUJp/uHDWIniZKkrFJQr4rFJuyK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/KnCbb/btr2ug2iUJp/uHDWIniZKkrFJQr4rFJuyK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/KnCbb/btr2ug2iUJp/uHDWIniZKkrFJQr4rFJuyK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FKnCbb%2Fbtr2ug2iUJp%2FuHDWIniZKkrFJQr4rFJuyK%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;350&quot; height=&quot;288&quot; data-origin-width=&quot;350&quot; data-origin-height=&quot;288&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;근데 뭔가 설정창이 열렸는데 뒤가 색이 그대로라 별로네요 border를 추가합시다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;151&quot; data-origin-height=&quot;116&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vmoK3/btr2GK1hEr1/KL009NjJR5OK8NG1efYOE1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vmoK3/btr2GK1hEr1/KL009NjJR5OK8NG1efYOE1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vmoK3/btr2GK1hEr1/KL009NjJR5OK8NG1efYOE1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvmoK3%2Fbtr2GK1hEr1%2FKL009NjJR5OK8NG1efYOE1%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;151&quot; height=&quot;116&quot; data-origin-width=&quot;151&quot; data-origin-height=&quot;116&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다음과 같이 추가해주시고 SettingBorder에는 이미지 컴포넌트를 추가하여 전체화면으로 만들어줍니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;308&quot; data-origin-height=&quot;467&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bAqFul/btr2DB48bQ7/3EJnS3Cex2bOI8j35kg4F1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bAqFul/btr2DB48bQ7/3EJnS3Cex2bOI8j35kg4F1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bAqFul/btr2DB48bQ7/3EJnS3Cex2bOI8j35kg4F1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbAqFul%2Fbtr2DB48bQ7%2F3EJnS3Cex2bOI8j35kg4F1%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;308&quot; height=&quot;467&quot; data-origin-width=&quot;308&quot; data-origin-height=&quot;467&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 다음과 같이 나타납니다. 근데 버튼이 조금 달라져 있죠? 이미지를 넣어서 그렇습니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;643&quot; data-origin-height=&quot;365&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cKBdB5/btr2FeuNKLj/aO43ld1zkJvA6n4KqF3mTk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cKBdB5/btr2FeuNKLj/aO43ld1zkJvA6n4KqF3mTk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cKBdB5/btr2FeuNKLj/aO43ld1zkJvA6n4KqF3mTk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcKBdB5%2Fbtr2FeuNKLj%2FaO43ld1zkJvA6n4KqF3mTk%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;643&quot; height=&quot;365&quot; data-origin-width=&quot;643&quot; data-origin-height=&quot;365&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Sprite가 있는 폴더에서 버튼의 이미지를 넣어줍니다. 그리고 밑에 컬러가 있죠? 여기서 이제 아이콘을 흰색으로 억지로 만들 이유가 나타납니다!!!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;632&quot; data-origin-height=&quot;448&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MVE3W/btr2vn1aHOE/Fi6KFZlFOMUuKu6eOpwk31/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MVE3W/btr2vn1aHOE/Fi6KFZlFOMUuKu6eOpwk31/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MVE3W/btr2vn1aHOE/Fi6KFZlFOMUuKu6eOpwk31/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMVE3W%2Fbtr2vn1aHOE%2FFi6KFZlFOMUuKu6eOpwk31%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;448&quot; data-origin-width=&quot;632&quot; data-origin-height=&quot;448&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/b3pXeo/btr2D7CIE8f/gHv5S4KZ7gWKxOh7DfLSZK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b3pXeo/btr2D7CIE8f/gHv5S4KZ7gWKxOh7DfLSZK/img.png&quot; data-origin-width=&quot;54&quot; data-origin-height=&quot;44&quot; data-is-animation=&quot;false&quot; style=&quot;width: 34.4675%; margin-right: 10px;&quot; data-widthpercent=&quot;35.29&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b3pXeo/btr2D7CIE8f/gHv5S4KZ7gWKxOh7DfLSZK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb3pXeo%2Fbtr2D7CIE8f%2FgHv5S4KZ7gWKxOh7DfLSZK%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;54&quot; height=&quot;44&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/QMR8c/btr2ufWDlog/leNIdReaU12CgrOrkFuJ8K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/QMR8c/btr2ufWDlog/leNIdReaU12CgrOrkFuJ8K/img.png&quot; data-origin-width=&quot;46&quot; data-origin-height=&quot;44&quot; data-is-animation=&quot;false&quot; style=&quot;width: 29.3612%; margin-right: 10px;&quot; data-widthpercent=&quot;30.06&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QMR8c/btr2ufWDlog/leNIdReaU12CgrOrkFuJ8K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQMR8c%2Fbtr2ufWDlog%2FleNIdReaU12CgrOrkFuJ8K%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;46&quot; height=&quot;44&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/QBWmQ/btr2FftH4YN/46yghVeLdS3unQEEiQBuOK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/QBWmQ/btr2FftH4YN/46yghVeLdS3unQEEiQBuOK/img.png&quot; data-origin-width=&quot;47&quot; data-origin-height=&quot;39&quot; data-is-animation=&quot;false&quot; style=&quot;width: 33.8456%;&quot; data-widthpercent=&quot;34.65&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QBWmQ/btr2FftH4YN/46yghVeLdS3unQEEiQBuOK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQBWmQ%2Fbtr2FftH4YN%2F46yghVeLdS3unQEEiQBuOK%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;47&quot; height=&quot;39&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&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;size16&quot;&gt;자 이제 스피커 동작을 해봅시다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;생성했던 슬라이더에 Parents게임오브젝트를 만들고 이미지를 2개 만들어줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 각각 Speaker와 SpeakerWave라고 이름을 지어 줍니다.(둘의 위치는 똑같은 곳에 놔주세요)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;178&quot; data-origin-height=&quot;163&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lGcQN/btr2CvjOKO5/rxNbZ1wlqdx4TciEDhKFYK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lGcQN/btr2CvjOKO5/rxNbZ1wlqdx4TciEDhKFYK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lGcQN/btr2CvjOKO5/rxNbZ1wlqdx4TciEDhKFYK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlGcQN%2Fbtr2CvjOKO5%2FrxNbZ1wlqdx4TciEDhKFYK%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;178&quot; height=&quot;163&quot; data-origin-width=&quot;178&quot; data-origin-height=&quot;163&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 이전에 만들었던 MeneButtons.cs에 아래 처럼 수정합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 설정 버튼에 이벤트를 넣어 줍니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678202162714&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class MenuButtons : MonoBehaviour
{
    [SerializeField]
    public GameObject SettingWindow;
    public void NewGame()
    {
        int index = SceneManager.GetActiveScene().buildIndex;
        SceneManager.LoadScene(index + 1);
    }
    public void QuitGame()
    {
#if UNITY_EDITOR
        UnityEditor.EditorApplication.isPlaying = false;
#else
      Application.Quit();
#endif
    }
    public void Settings()
    {
        SettingWindow.SetActive(true);
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 설정 창에 대한 버튼을 컨트롤하는 스크립트를 작성합니다. 저는 MenuSettingWindow라고 이름 지었습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다음과 같이 작성하였습니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678202938444&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class MenuSettingWindow : MonoBehaviour
{
    public Slider slider;
    public Image soundWaveImg;
    public List&amp;lt;Sprite&amp;gt; soundWaves;
    // Start is called before the first frame update
    public void soundVolume()
    {
        if (slider.value == 0) soundWaveImg.sprite = soundWaves[0];
        else if (slider.value &amp;lt; 0.25) soundWaveImg.sprite = soundWaves[1];
        else if (slider.value &amp;lt; 0.5) soundWaveImg.sprite = soundWaves[2];
        else if (slider.value &amp;gt;= 0.75) soundWaveImg.sprite = soundWaves[3];
    }

    public void CloseMenu()
    {
        gameObject.SetActive(false);
    }
    public void SaveSettingData()
    {
        print(&quot;Save&quot;);
        gameObject.SetActive(false);
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;슬라이더의 인스펙터를 내리다 보면 On Value Changed라는게 보일 겁니다.&lt;/p&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;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;264&quot; data-origin-height=&quot;132&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dbkWHQ/btr2DGehRfI/wbKFFrRuHVkOoz6bCTjaU0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dbkWHQ/btr2DGehRfI/wbKFFrRuHVkOoz6bCTjaU0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dbkWHQ/btr2DGehRfI/wbKFFrRuHVkOoz6bCTjaU0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdbkWHQ%2Fbtr2DGehRfI%2FwbKFFrRuHVkOoz6bCTjaU0%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;264&quot; height=&quot;132&quot; data-origin-width=&quot;264&quot; data-origin-height=&quot;132&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 실행해보면 움직이는걸 보실 수 있습니다.&lt;/p&gt;
&lt;p&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/bE4wIa/btr2D4eWWrA/0oHp5fRyeeLQuZF0k5qYxK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bE4wIa/btr2D4eWWrA/0oHp5fRyeeLQuZF0k5qYxK/img.png&quot; data-origin-width=&quot;272&quot; data-origin-height=&quot;198&quot; data-is-animation=&quot;false&quot; style=&quot;width: 48.5575%; margin-right: 10px;&quot; data-widthpercent=&quot;49.13&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bE4wIa/btr2D4eWWrA/0oHp5fRyeeLQuZF0k5qYxK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbE4wIa%2Fbtr2D4eWWrA%2F0oHp5fRyeeLQuZF0k5qYxK%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;272&quot; height=&quot;198&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ARWQJ/btr2ufCm5Rh/5itb2bqxThYImJexTWy2J0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ARWQJ/btr2ufCm5Rh/5itb2bqxThYImJexTWy2J0/img.png&quot; data-origin-width=&quot;266&quot; data-origin-height=&quot;187&quot; data-is-animation=&quot;false&quot; style=&quot;width: 50.2797%;&quot; data-widthpercent=&quot;50.87&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ARWQJ/btr2ufCm5Rh/5itb2bqxThYImJexTWy2J0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FARWQJ%2Fbtr2ufCm5Rh%2F5itb2bqxThYImJexTWy2J0%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;266&quot; height=&quot;187&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/me0X0/btr2Eae8MnS/wq3DKYaQHSKoQSNI3rtKc1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/me0X0/btr2Eae8MnS/wq3DKYaQHSKoQSNI3rtKc1/img.png&quot; data-origin-width=&quot;266&quot; data-origin-height=&quot;185&quot; data-is-animation=&quot;false&quot; style=&quot;width: 50.6264%; margin-right: 10px; margin-top: 10px;&quot; data-widthpercent=&quot;51.22&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/me0X0/btr2Eae8MnS/wq3DKYaQHSKoQSNI3rtKc1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fme0X0%2Fbtr2Eae8MnS%2Fwq3DKYaQHSKoQSNI3rtKc1%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;266&quot; height=&quot;185&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rkVQz/btr2D31pchh/dbBQeCCl1TpguOctb8Z4xk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rkVQz/btr2D31pchh/dbBQeCCl1TpguOctb8Z4xk/img.png&quot; data-origin-width=&quot;267&quot; data-origin-height=&quot;195&quot; data-is-animation=&quot;false&quot; style=&quot;width: 48.2108%; margin-top: 10px;&quot; data-widthpercent=&quot;48.78&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rkVQz/btr2D31pchh/dbBQeCCl1TpguOctb8Z4xk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrkVQz%2Fbtr2D31pchh%2FdbBQeCCl1TpguOctb8Z4xk%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;267&quot; height=&quot;195&quot;/&gt;&lt;/span&gt;&lt;/div&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;오늘은.. 여기까지만 하려합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;데이터저장은 지금 json으로 할지 아니면 처음부터 파이어베이스로 해버릴지 고민중입니다.&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;근데 이런 과정을 유튜브에 올리면 괜찮을까요?&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;p data-ke-size=&quot;size16&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;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아래는 저의 크몽입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://kmong.com/gig/449118&quot;&gt;https://kmong.com/gig/449118&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1678203327590&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;유니티 기반 게임,앱 개발해 드립니다. | 1000000원부터 시작 가능한 총 평점 0점의 IT&amp;middot;프로그래밍, &quot; data-og-description=&quot;0개 총 작업 개수 완료한 총 평점 0점인 민또배기의 IT&amp;middot;프로그래밍, 2D&amp;middot;3D 게임 서비스를 0개의 리뷰와 함께 확인해 보세요. IT&amp;middot;프로그래밍, 2D&amp;middot;3D 게임 제공 등 1000000원부터 시작 가능한 서비스&quot; data-og-host=&quot;kmong.com&quot; data-og-source-url=&quot;https://kmong.com/gig/449118&quot; data-og-url=&quot;https://kmong.com/gig/449118&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/dpuBeB/hyRRQjVDkk/nNCR7gOcH4MxwHYMdBjbRK/img.png?width=652&amp;amp;height=488&amp;amp;face=0_0_652_488,https://scrap.kakaocdn.net/dn/bHNOM8/hyRRPrK6EH/L0uWcTpROAs1wF1inX1Pdk/img.png?width=652&amp;amp;height=488&amp;amp;face=0_0_652_488&quot;&gt;&lt;a href=&quot;https://kmong.com/gig/449118&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://kmong.com/gig/449118&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/dpuBeB/hyRRQjVDkk/nNCR7gOcH4MxwHYMdBjbRK/img.png?width=652&amp;amp;height=488&amp;amp;face=0_0_652_488,https://scrap.kakaocdn.net/dn/bHNOM8/hyRRPrK6EH/L0uWcTpROAs1wF1inX1Pdk/img.png?width=652&amp;amp;height=488&amp;amp;face=0_0_652_488');&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;유니티 기반 게임,앱 개발해 드립니다. | 1000000원부터 시작 가능한 총 평점 0점의 IT&amp;middot;프로그래밍,&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;0개 총 작업 개수 완료한 총 평점 0점인 민또배기의 IT&amp;middot;프로그래밍, 2D&amp;middot;3D 게임 서비스를 0개의 리뷰와 함께 확인해 보세요. IT&amp;middot;프로그래밍, 2D&amp;middot;3D 게임 제공 등 1000000원부터 시작 가능한 서비스&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;kmong.com&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;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>유니티/UI</category>
      <category>유니티 UI</category>
      <category>유니티 설정 메뉴</category>
      <category>유니티 소리 조절 UI</category>
      <category>유니티 오디오 설정</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/86</guid>
      <comments>https://roomdev-diary.tistory.com/86#entry86comment</comments>
      <pubDate>Wed, 8 Mar 2023 00:44:26 +0900</pubDate>
    </item>
    <item>
      <title>유니티에서 URL을 통해 이미지 불러오기 (Loading Images from URL in Unity)</title>
      <link>https://roomdev-diary.tistory.com/85</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 11&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.6f1&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;오늘은 URL이미지를 가져오는 방법에 대해 알아보겠습니다.&lt;/p&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;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1018&quot; data-origin-height=&quot;562&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vk4SD/btr2DFen392/p8NGM2srmfzyVcPvgnafQ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vk4SD/btr2DFen392/p8NGM2srmfzyVcPvgnafQ1/img.png&quot; data-alt=&quot;https://i.pinimg.com/564x/c6/3e/ff/c63effc78080418c1a4773e31d6fd1c5.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vk4SD/btr2DFen392/p8NGM2srmfzyVcPvgnafQ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fvk4SD%2Fbtr2DFen392%2Fp8NGM2srmfzyVcPvgnafQ1%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;1018&quot; height=&quot;562&quot; data-origin-width=&quot;1018&quot; data-origin-height=&quot;562&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;https://i.pinimg.com/564x/c6/3e/ff/c63effc78080418c1a4773e31d6fd1c5.jpg&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;간단하게 캔버스에 이미지를 하나올려서 확인해 봅시다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;주의 할점은 URL로 불러오실 때, RawImage로 캔버스에 생성하셔야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 RawImage에 LoadURLImage라는 스크립트를 추가합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;692&quot; data-origin-height=&quot;482&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ApVH5/btr2m235tmX/ZKRGC2sKnVmUqKJWpmZ7fk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ApVH5/btr2m235tmX/ZKRGC2sKnVmUqKJWpmZ7fk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ApVH5/btr2m235tmX/ZKRGC2sKnVmUqKJWpmZ7fk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FApVH5%2Fbtr2m235tmX%2FZKRGC2sKnVmUqKJWpmZ7fk%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;692&quot; height=&quot;482&quot; data-origin-width=&quot;692&quot; data-origin-height=&quot;482&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런 다음 아래에 있는 GetTexture를 작성합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;간단하죠?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;근데 URL를 계속 스크립트에서 쓰면 조금 힘드니 인스펙터창에서 사용할 수 있도록 합시다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;추가로!! 이미지가 잘 들어왔는지 확인해야죠? 이 부분도 수정해 줍시다.&lt;/p&gt;
&lt;pre id=&quot;code_1678163886364&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Networking;

public class LoadURLImage : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }
    IEnumerator GetTexture(string url)
    {

        UnityWebRequest www = UnityWebRequestTexture.GetTexture(url);
        yield return www.SendWebRequest();
        if (www.result != UnityWebRequest.Result.Success)
        {
            Debug.Log(www.error);
        }
        else
        {
            Texture myTexture = ((DownloadHandlerTexture)www.downloadHandler).texture;
        }
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다음과 같이 수정해 줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;public을 사용하면 인스펙터창에 나타나고 다른 클래스에서도 호출할 수 있게됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 저는 현재 RawImage에 스크립트를 작성했기 때문에 GetComponent만 사용하면 됩니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678164179740&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.Networking;

public class LoadURLImage : MonoBehaviour
{
    public string url = &quot;https://i.pinimg.com/564x/c6/3e/ff/c63effc78080418c1a4773e31d6fd1c5.jpg&quot;;
    RawImage rawImage;
    // Start is called before the first frame update
    void Start()
    {
        StartCoroutine(GetTexture(url));
        rawImage = GetComponent&amp;lt;RawImage&amp;gt;();
    }


    // Update is called once per frame
    void Update()
    {
        
    }
    IEnumerator GetTexture(string url)
    {

        UnityWebRequest www = UnityWebRequestTexture.GetTexture(url);
        yield return www.SendWebRequest();
        if (www.result != UnityWebRequest.Result.Success)
        {
            Debug.Log(www.error);
        }
        else
        {
            Texture myTexture = ((DownloadHandlerTexture)www.downloadHandler).texture;
            rawImage.texture = myTexture;
        }
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 나타나는걸 확인 하실 수 있죠&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;541&quot; data-origin-height=&quot;791&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfjShF/btr2nE9Nyab/hWAavZAfSF0tyxLVkVTfg1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfjShF/btr2nE9Nyab/hWAavZAfSF0tyxLVkVTfg1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfjShF/btr2nE9Nyab/hWAavZAfSF0tyxLVkVTfg1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfjShF%2Fbtr2nE9Nyab%2FhWAavZAfSF0tyxLVkVTfg1%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;541&quot; height=&quot;791&quot; data-origin-width=&quot;541&quot; data-origin-height=&quot;791&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;근데 이거 나 저장도 하고 싶은데...라고 한다면!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아래의 소스코드를 추가해줍니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678164400227&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;    public void SaveOriginImage(Texture texture, string directoryPath, string fileName)
    {
        if (true == string.IsNullOrEmpty(directoryPath))
        {
            return;
        }

        if (false == Directory.Exists(directoryPath))
        {
            Debug.Log(&quot;디렉토리가 존재하지 않음 -&amp;gt; 생성&quot;);

            Directory.CreateDirectory(directoryPath);
        }


        //Texture를 Texture2D로 변환
        int width = texture.width;
        int height = texture.height;

        RenderTexture currentRenderTexture = RenderTexture.active;
        RenderTexture copiedRenderTexture = new RenderTexture(width, height, 0);

        Graphics.Blit(texture, copiedRenderTexture);

        RenderTexture.active = copiedRenderTexture;


        Texture2D texture2D = new Texture2D(width, height, TextureFormat.RGB24, false);

        texture2D.ReadPixels(new UnityEngine.Rect(0, 0, width, height), 0, 0);
        texture2D.Apply();

        RenderTexture.active = currentRenderTexture;


        byte[] texturePNGBytes = texture2D.EncodeToPNG();

        string filePath = directoryPath + fileName + &quot;.png&quot;;
        File.WriteAllBytes(filePath, texturePNGBytes);

    }&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 매개변수 값을 넣어주고 실행하면 다음과 같이 경로가 생성되고 이미지도 저장됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;938&quot; data-origin-height=&quot;580&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/SOh8w/btr2vm78lwL/ClBizhQpb44LzCq78Fsz4K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/SOh8w/btr2vm78lwL/ClBizhQpb44LzCq78Fsz4K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/SOh8w/btr2vm78lwL/ClBizhQpb44LzCq78Fsz4K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FSOh8w%2Fbtr2vm78lwL%2FClBizhQpb44LzCq78Fsz4K%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;938&quot; height=&quot;580&quot; data-origin-width=&quot;938&quot; data-origin-height=&quot;580&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;아니 근데 정말 RawImage밖에 안되나???&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;난 스프라이트로 하고 싶어!! 라고 한다면 아래의 방법으로 하시면 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;RawImage를 Image로 바꿔주었고 Sprite.Create를 이용하시면 됩니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678164756935&quot; class=&quot;csharp&quot; data-ke-language=&quot;csharp&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.Networking;
using System.IO;

public class LoadURLImage : MonoBehaviour
{
    public string url = &quot;https://i.pinimg.com/564x/c6/3e/ff/c63effc78080418c1a4773e31d6fd1c5.jpg&quot;;
    Image image;
    // Start is called before the first frame update
    void Start()
    {
        StartCoroutine(GetTexture(url));
        image = GetComponent&amp;lt;Image&amp;gt;();
    }


    // Update is called once per frame
    void Update()
    {
        
    }
    IEnumerator GetTexture(string url)
    {

        UnityWebRequest www = UnityWebRequestTexture.GetTexture(url);
        yield return www.SendWebRequest();
        if (www.result != UnityWebRequest.Result.Success)
        {
            Debug.Log(www.error);
        }
        else
        {
            Texture myTexture = ((DownloadHandlerTexture)www.downloadHandler).texture;
            
            image.sprite = Sprite.Create((Texture2D)myTexture, new Rect(0,0,myTexture.width,myTexture.height),new Vector2(0.5f,0.5f));
            SaveOriginImage(myTexture, Application.dataPath + &quot;/Image/&quot;, &quot;test.png&quot;);
        }
    }

    public void SaveOriginImage(Texture texture, string directoryPath, string fileName)
    {
        if (true == string.IsNullOrEmpty(directoryPath))
        {
            return;
        }

        if (false == Directory.Exists(directoryPath))
        {
            //이 부분에서 디렉토리를 생성하거나 리턴
            Debug.Log(&quot;디렉토리가 존재하지 않음 -&amp;gt; 생성&quot;);

            Directory.CreateDirectory(directoryPath);
        }


        //Texture를 Texture2D로 변환
        int width = texture.width;
        int height = texture.height;

        RenderTexture currentRenderTexture = RenderTexture.active;
        RenderTexture copiedRenderTexture = new RenderTexture(width, height, 0);

        Graphics.Blit(texture, copiedRenderTexture);

        RenderTexture.active = copiedRenderTexture;


        Texture2D texture2D = new Texture2D(width, height, TextureFormat.RGB24, false);

        texture2D.ReadPixels(new UnityEngine.Rect(0, 0, width, height), 0, 0);
        texture2D.Apply();

        RenderTexture.active = currentRenderTexture;


        byte[] texturePNGBytes = texture2D.EncodeToPNG();

        string filePath = directoryPath + fileName + &quot;.png&quot;;
        File.WriteAllBytes(filePath, texturePNGBytes);

    }
}&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;</description>
      <category>유니티</category>
      <category>유니티 URL 다운로드 (Unity URL Download)</category>
      <category>유니티 URL 이미지 (Unity URL Images)</category>
      <category>유니티 URL 이미지 표시 (Unity Display URL Image)</category>
      <category>유니티 URL 텍스처 (Unity URL Texture)</category>
      <category>유니티 웹 이미지 (Unity Web Image)</category>
      <category>유니티 이미지 불러오기 (Unity Load Image)</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/85</guid>
      <comments>https://roomdev-diary.tistory.com/85#entry85comment</comments>
      <pubDate>Tue, 7 Mar 2023 13:55:31 +0900</pubDate>
    </item>
    <item>
      <title>유니티 시작메뉴 구성하기 (Creating Unity Start Menu) - 새게임과 종료하기</title>
      <link>https://roomdev-diary.tistory.com/84</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window11&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.16f1&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;오늘은 게임의 시작 화면을 만들어 보려 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&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;size16&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;size16&quot;&gt;게임의 타이틀을 만들 겁니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;게임의 타이틀은 TMP(text mesh pro)로 만들었습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TMP는 Text-TextMeshPro 처럼 옆에 추가적으로 써져 있으므로 사용하기 쉽습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;TMP를 사용했다면 아래와 같은 창을 잘 확인해주시고 Import TMP Essentials를 클릭해야 합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;652&quot; data-origin-height=&quot;241&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c45aW9/btr2uZEyyu3/kNOxPTBTLFoHWvHryOx9v0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c45aW9/btr2uZEyyu3/kNOxPTBTLFoHWvHryOx9v0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c45aW9/btr2uZEyyu3/kNOxPTBTLFoHWvHryOx9v0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc45aW9%2Fbtr2uZEyyu3%2FkNOxPTBTLFoHWvHryOx9v0%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;652&quot; height=&quot;241&quot; data-origin-width=&quot;652&quot; data-origin-height=&quot;241&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하지만 TMP를 사용한뒤 한글을 쓰면... 모두 네모네모가 되는 볌메 걸리고 맘니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;해결 방법은 다음 링크를 확인해주세요&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://roomdev-diary.tistory.com/83&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://roomdev-diary.tistory.com/83&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;303&quot; data-origin-height=&quot;273&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/y3Egc/btr2r40WkQV/Q8I89D221VAPNLKoFr00uK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/y3Egc/btr2r40WkQV/Q8I89D221VAPNLKoFr00uK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/y3Egc/btr2r40WkQV/Q8I89D221VAPNLKoFr00uK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fy3Egc%2Fbtr2r40WkQV%2FQ8I89D221VAPNLKoFr00uK%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;303&quot; height=&quot;273&quot; data-origin-width=&quot;303&quot; data-origin-height=&quot;273&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저는 다음과 같이 작성했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 ButtonGroup에 Vertical Layout Group를 추가합니다.&lt;/p&gt;
&lt;p&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/bmLtvo/btr2aH6TQ8s/Wh6tA9TVQvQu2zSret3aA0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bmLtvo/btr2aH6TQ8s/Wh6tA9TVQvQu2zSret3aA0/img.png&quot; data-origin-width=&quot;135&quot; data-origin-height=&quot;104&quot; data-is-animation=&quot;false&quot; width=&quot;254&quot; height=&quot;196&quot; style=&quot;width: 48.8076%; margin-right: 10px;&quot; data-widthpercent=&quot;49.38&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bmLtvo/btr2aH6TQ8s/Wh6tA9TVQvQu2zSret3aA0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbmLtvo%2Fbtr2aH6TQ8s%2FWh6tA9TVQvQu2zSret3aA0%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;135&quot; height=&quot;104&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/7w8gY/btr2nFUIrkk/0znHm1bJAqPHiggJAAaPg0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/7w8gY/btr2nFUIrkk/0znHm1bJAqPHiggJAAaPg0/img.png&quot; data-origin-width=&quot;322&quot; data-origin-height=&quot;242&quot; data-is-animation=&quot;false&quot; style=&quot;width: 50.0296%;&quot; data-widthpercent=&quot;50.62&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/7w8gY/btr2nFUIrkk/0znHm1bJAqPHiggJAAaPg0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7w8gY%2Fbtr2nFUIrkk%2F0znHm1bJAqPHiggJAAaPg0%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;322&quot; height=&quot;242&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 자연스레 정렬이 되죠 개꿀....&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;651&quot; data-origin-height=&quot;368&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bevSMo/btr2aIrcq1d/hPlz863RdcYATHQY3Birpk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bevSMo/btr2aIrcq1d/hPlz863RdcYATHQY3Birpk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bevSMo/btr2aIrcq1d/hPlz863RdcYATHQY3Birpk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbevSMo%2Fbtr2aIrcq1d%2FhPlz863RdcYATHQY3Birpk%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;651&quot; height=&quot;368&quot; data-origin-width=&quot;651&quot; data-origin-height=&quot;368&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그전에 하나의 씬을 더 만들어 놓아야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기본으로 있던 씬은 StartScene으로 이름을 바꾸고 새로 생성하는 씬은 NewGameScene으로 합시다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 File/Build Settings를 클릭합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;745&quot; data-origin-height=&quot;222&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Jh7Yd/btr2sGsahIE/P7jRSZwyA9W6JiNvk503r1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Jh7Yd/btr2sGsahIE/P7jRSZwyA9W6JiNvk503r1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Jh7Yd/btr2sGsahIE/P7jRSZwyA9W6JiNvk503r1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FJh7Yd%2Fbtr2sGsahIE%2FP7jRSZwyA9W6JiNvk503r1%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;745&quot; height=&quot;222&quot; data-origin-width=&quot;745&quot; data-origin-height=&quot;222&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;드래그를 해서 넣으시면 되는데 오른쪽을 봤을 때, 0,1을 잘 기억해주셔야 합니다. 저 번호를 기준으로 씬을 이동하게 하려합니다.&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;ButtonsGroup에 Script를 추가하여 주시고 소스코드를 작성합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;434&quot; data-origin-height=&quot;488&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/O9vlh/btr2vVBVWAo/sPZMS6rQYyJlXmQhlkkSw1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/O9vlh/btr2vVBVWAo/sPZMS6rQYyJlXmQhlkkSw1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/O9vlh/btr2vVBVWAo/sPZMS6rQYyJlXmQhlkkSw1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FO9vlh%2Fbtr2vVBVWAo%2FsPZMS6rQYyJlXmQhlkkSw1%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;434&quot; height=&quot;488&quot; data-origin-width=&quot;434&quot; data-origin-height=&quot;488&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1678121896492&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class MenuButtons : MonoBehaviour
{
    public void NewGame()
    {
        int index = SceneManager.GetActiveScene().buildIndex;
        SceneManager.LoadScene(index + 1);
    }

}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위 소스코드는 현재 실행된 씬의 인덱스를 가져오고 1을 더해서 다음씬을 로드하는 코드 입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;NewGame버튼을 클릭한뒤 ButtonsGroup를 드래그 하시고 작성했던 NewGame()이라는 함수를 선택하시면 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;클릭하면 다음씬으로 넘어가는걸 보실 수 있습니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;482&quot; data-origin-height=&quot;716&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/boVXwL/btr2aILuoi9/TxZ7PKYXzdhGuKUrnWTfB1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/boVXwL/btr2aILuoi9/TxZ7PKYXzdhGuKUrnWTfB1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/boVXwL/btr2aILuoi9/TxZ7PKYXzdhGuKUrnWTfB1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FboVXwL%2Fbtr2aILuoi9%2FTxZ7PKYXzdhGuKUrnWTfB1%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;482&quot; height=&quot;716&quot; data-origin-width=&quot;482&quot; data-origin-height=&quot;716&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&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;p data-ke-size=&quot;size16&quot;&gt;기존의 소스코드에 QuitGame()이라는 소스코드를 추가해 줍니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678122107038&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class MenuButtons : MonoBehaviour
{
    public void NewGame()
    {
        int index = SceneManager.GetActiveScene().buildIndex;
        SceneManager.LoadScene(index + 1);
    }
    public void QuitGame()
    {
        Application.Quit();
    }
}&lt;/code&gt;&lt;/pre&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_1678122272709&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class MenuButtons : MonoBehaviour
{
    public void NewGame()
    {
        int index = SceneManager.GetActiveScene().buildIndex;
        SceneManager.LoadScene(index + 1);
    }
    public void QuitGame()
    {
#if UNITY_EDITOR
        UnityEditor.EditorApplication.isPlaying = false;
#else
      Application.Quit();
#endif
    }
}&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;#if&lt;/b&gt; 라는 전처리기 지시어를 통해 플랫폼별로 다르게 동작 할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&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;size16&quot;&gt;불러오기와 설정은... 다른 작업이 많이 필요할 듯 싶어 여기까지만.. 하겠습니다..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;새벽 2시라 피곤하네요..&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;끝까지 봐주셔서 감사합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>유니티/UI</category>
      <category>UI 메뉴 (UI menu)</category>
      <category>메뉴 디자인 (Menu design)</category>
      <category>유니티 UI</category>
      <category>유니티 게임</category>
      <category>유니티 메뉴 (Unity menu)</category>
      <category>유니티 시작하기</category>
      <category>유니티 튜토리얼</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/84</guid>
      <comments>https://roomdev-diary.tistory.com/84#entry84comment</comments>
      <pubDate>Tue, 7 Mar 2023 02:10:44 +0900</pubDate>
    </item>
    <item>
      <title>유니티 텍스트 메쉬 프로(Text Mesh Pro)한글 사용하기</title>
      <link>https://roomdev-diary.tistory.com/83</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;OS : Window 11&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Version : 2021.3.16f1&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;&lt;a href=&quot;https://fonts.google.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://fonts.google.com/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1678119130019&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;Google Fonts&quot; data-og-description=&quot;Making the web more beautiful, fast, and open through great typography&quot; data-og-host=&quot;fonts.google.com&quot; data-og-source-url=&quot;https://fonts.google.com/&quot; data-og-url=&quot;https://fonts.google.com/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bKwqEt/hyRROMg6AO/kKd7Q3rIWwCkBnL1rSKSR0/img.png?width=2400&amp;amp;height=1260&amp;amp;face=0_0_2400_1260,https://scrap.kakaocdn.net/dn/344pd/hyRQn3P28A/KFeW5M12D5HqNwS8AJHkbK/img.png?width=2400&amp;amp;height=1260&amp;amp;face=0_0_2400_1260&quot;&gt;&lt;a href=&quot;https://fonts.google.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://fonts.google.com/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bKwqEt/hyRROMg6AO/kKd7Q3rIWwCkBnL1rSKSR0/img.png?width=2400&amp;amp;height=1260&amp;amp;face=0_0_2400_1260,https://scrap.kakaocdn.net/dn/344pd/hyRQn3P28A/KFeW5M12D5HqNwS8AJHkbK/img.png?width=2400&amp;amp;height=1260&amp;amp;face=0_0_2400_1260');&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;Google Fonts&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Making the web more beautiful, fast, and open through great typography&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;fonts.google.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&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;size16&quot;&gt;저는 Noto Sans Korea를 다운 받았습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;상단에 있는 Download family를 다운 받으시면 됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1186&quot; data-origin-height=&quot;578&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/wxa0N/btr1324uzEb/U9rwIDUaJlFPIGwFEHxAhk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/wxa0N/btr1324uzEb/U9rwIDUaJlFPIGwFEHxAhk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/wxa0N/btr1324uzEb/U9rwIDUaJlFPIGwFEHxAhk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fwxa0N%2Fbtr1324uzEb%2FU9rwIDUaJlFPIGwFEHxAhk%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;1186&quot; height=&quot;578&quot; data-origin-width=&quot;1186&quot; data-origin-height=&quot;578&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;저는 Assets/Font를 만들고 압축해제 하였습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 Window/TextMeshPro/FontAssetCreator를 클릭합니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;589&quot; data-origin-height=&quot;560&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bp7SHy/btr2hIYFyJB/quEV4UDOGx31ZukK1GQQ50/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bp7SHy/btr2hIYFyJB/quEV4UDOGx31ZukK1GQQ50/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bp7SHy/btr2hIYFyJB/quEV4UDOGx31ZukK1GQQ50/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbp7SHy%2Fbtr2hIYFyJB%2FquEV4UDOGx31ZukK1GQQ50%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;589&quot; height=&quot;560&quot; data-origin-width=&quot;589&quot; data-origin-height=&quot;560&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Font Asset Creator라는 창이 열리면 Source Font File에 폰트를 넣고 Generate Font Atlas를 클릭합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 Save를 클릭합니다.(경로는 원하는 곳에...)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;545&quot; data-origin-height=&quot;331&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dj9lUi/btr18DiZ7QO/FillneMU1yuhh5KySb9YqK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dj9lUi/btr18DiZ7QO/FillneMU1yuhh5KySb9YqK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dj9lUi/btr18DiZ7QO/FillneMU1yuhh5KySb9YqK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdj9lUi%2Fbtr18DiZ7QO%2FFillneMU1yuhh5KySb9YqK%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;545&quot; height=&quot;331&quot; data-origin-width=&quot;545&quot; data-origin-height=&quot;331&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그런 다음 폰트를 넣어주면 !!!!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;566&quot; data-origin-height=&quot;353&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/E4IVo/btr2xT4VmnG/jT2EM5JHbGWQMJKBuZi9g1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/E4IVo/btr2xT4VmnG/jT2EM5JHbGWQMJKBuZi9g1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/E4IVo/btr2xT4VmnG/jT2EM5JHbGWQMJKBuZi9g1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE4IVo%2Fbtr2xT4VmnG%2FjT2EM5JHbGWQMJKBuZi9g1%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;566&quot; height=&quot;353&quot; data-origin-width=&quot;566&quot; data-origin-height=&quot;353&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그대롭니다...&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;327&quot; data-origin-height=&quot;198&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bPjCBy/btr2u0wMZuk/ieyk5xUGe8UzcN7ez0U3D0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bPjCBy/btr2u0wMZuk/ieyk5xUGe8UzcN7ez0U3D0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bPjCBy/btr2u0wMZuk/ieyk5xUGe8UzcN7ez0U3D0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbPjCBy%2Fbtr2u0wMZuk%2Fieyk5xUGe8UzcN7ez0U3D0%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;327&quot; height=&quot;198&quot; data-origin-width=&quot;327&quot; data-origin-height=&quot;198&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;뭔가 Warning이 많이 있으니 한번 봅시다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;음... 유니코드 값을 찾지 못했다... 음....&lt;/p&gt;
&lt;pre id=&quot;code_1678119673033&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;The character with Unicode value \uC2A8 was not found in the [LiberationSans SDF] font asset or any potential fallbacks. It was replaced by Unicode character \u25A1 in text object [Text (TMP)].&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Font Asset Creator를 보면 Character Set이 있는데 Custom Range를 클릭하고 아래의 내용을 추가합니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;추가한뒤 다시 Generate Font Atlas를 클릭하고 Save합니다.&lt;/p&gt;
&lt;pre id=&quot;code_1678119966142&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;32-126,44032-55203,12593-12643,8200-9900&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;각 숫자?의 뜻은 다음과 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;영어 : 32-126&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한글 : 44032-55203&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한글 자모 : 12593-12643&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특수문자 : 8200-9900&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;323&quot; data-origin-height=&quot;575&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/5Elq5/btr2vnZHEjO/Sxe3kN8CLA8aLcN91ZkQi0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/5Elq5/btr2vnZHEjO/Sxe3kN8CLA8aLcN91ZkQi0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/5Elq5/btr2vnZHEjO/Sxe3kN8CLA8aLcN91ZkQi0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5Elq5%2Fbtr2vnZHEjO%2FSxe3kN8CLA8aLcN91ZkQi0%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;323&quot; height=&quot;575&quot; data-origin-width=&quot;323&quot; data-origin-height=&quot;575&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 이제 아래처럼 나타나게 됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;375&quot; data-origin-height=&quot;128&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MXy7x/btr133PP7RJ/TlOAcLj5HWF9PUR0fnN0L0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MXy7x/btr133PP7RJ/TlOAcLj5HWF9PUR0fnN0L0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MXy7x/btr133PP7RJ/TlOAcLj5HWF9PUR0fnN0L0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMXy7x%2Fbtr133PP7RJ%2FTlOAcLj5HWF9PUR0fnN0L0%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;375&quot; height=&quot;128&quot; data-origin-width=&quot;375&quot; data-origin-height=&quot;128&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;</description>
      <category>유니티/UI</category>
      <category>text design</category>
      <category>Text Mesh Pro</category>
      <category>UI Text</category>
      <category>Unity</category>
      <category>유니티</category>
      <category>유니티 텍스트</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/83</guid>
      <comments>https://roomdev-diary.tistory.com/83#entry83comment</comments>
      <pubDate>Tue, 7 Mar 2023 01:38:08 +0900</pubDate>
    </item>
    <item>
      <title>크롬 검색결과를 포함해서 ChatGPT사용하기</title>
      <link>https://roomdev-diary.tistory.com/81</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;이번에 찾아보다가 WebChatGPT라고 크롬 확장프로그램이 있는걸 봤습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1677911329866&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;WebChatGPT: 인터넷 액세스가 가능한 ChatGPT&quot; data-og-description=&quot;웹에서 관련 결과를 사용하여 ChatGPT 프롬프트를 향상시킵니다.&quot; data-og-host=&quot;chrome.google.com&quot; data-og-source-url=&quot;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&quot; data-og-url=&quot;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/xGwPV/hyRQqEn3tX/GUayq37aOk2JfW35FKkjM0/img.jpg?width=128&amp;amp;height=128&amp;amp;face=0_0_128_128&quot;&gt;&lt;a href=&quot;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/xGwPV/hyRQqEn3tX/GUayq37aOk2JfW35FKkjM0/img.jpg?width=128&amp;amp;height=128&amp;amp;face=0_0_128_128');&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;WebChatGPT: 인터넷 액세스가 가능한 ChatGPT&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;웹에서 관련 결과를 사용하여 ChatGPT 프롬프트를 향상시킵니다.&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;chrome.google.com&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;인터넷 엑세스를 해준다니 한번 안써볼 수 없죠!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설치를 하고 로그인을 진행하시면 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 ChatGPT화면이 나오게 되는데 프롬프트를 입력하는 창 아래 새로운게 떠있습니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;687&quot; data-origin-height=&quot;149&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F50QU4%2Fbtr1WmUVJuW%2FMBIx5TTSPdx9tZkbaXaXY0%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;687&quot; height=&quot;149&quot; data-origin-width=&quot;687&quot; data-origin-height=&quot;149&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 현재 우량주에 대해서 물어봅시다. 당연스럽게 현재 있는 우량주에 대해서 ChatGPT가 알려주겠죠?&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;682&quot; data-origin-height=&quot;462&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/P9RHb/btr1UusAvL5/6cV1TAkbSdsltAAWiJY4yK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/P9RHb/btr1UusAvL5/6cV1TAkbSdsltAAWiJY4yK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/P9RHb/btr1UusAvL5/6cV1TAkbSdsltAAWiJY4yK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FP9RHb%2Fbtr1UusAvL5%2F6cV1TAkbSdsltAAWiJY4yK%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;682&quot; height=&quot;462&quot; data-origin-width=&quot;682&quot; data-origin-height=&quot;462&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하지만 지금 저희는 WebChatGPT라는걸 추가하지 않았습니까?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프롬프트 아래를 자세히 보면 [3 results]라고 있습니다. 3가지의 web결과를 알려준다는 얘기입니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;687&quot; data-origin-height=&quot;149&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/50QU4/btr1WmUVJuW/MBIx5TTSPdx9tZkbaXaXY0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F50QU4%2Fbtr1WmUVJuW%2FMBIx5TTSPdx9tZkbaXaXY0%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;687&quot; height=&quot;149&quot; data-origin-width=&quot;687&quot; data-origin-height=&quot;149&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;마찬가지고 우량주에 대해서 알려달라고 얘기하면 다음과 같이 나타나게 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;URL이 나오고 해당내용을 간략하게 설명해 줍니다. 3 results였기 때문에 결과는 3가지가 나오게 됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;613&quot; data-origin-height=&quot;759&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bZWOWW/btr1XxB1AAW/I1vjZ1fNpsOvxrGWVnGMP0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bZWOWW/btr1XxB1AAW/I1vjZ1fNpsOvxrGWVnGMP0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bZWOWW/btr1XxB1AAW/I1vjZ1fNpsOvxrGWVnGMP0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbZWOWW%2Fbtr1XxB1AAW%2FI1vjZ1fNpsOvxrGWVnGMP0%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;613&quot; height=&quot;759&quot; data-origin-width=&quot;613&quot; data-origin-height=&quot;759&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;ChatGPT로만 했을 때 이게 정말 맞는 내용인가? 아니면 다른 자료는 없나 싶을 때, 확인할 수 있어 좋을 것 같네요&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;틀린내용인데도 은근히 맞는 얘기처럼 우기기도 한다니까 web내용을 참고하면 좀 더 신뢰성있게 확인 할 수 있을 것 같습니다.&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;끝까지 봐주셔서 감사합니다.&lt;/p&gt;</description>
      <category>일상,잡다</category>
      <category>ChatGPT</category>
      <category>OpenAI</category>
      <category>webchatGPT</category>
      <category>ㅂ</category>
      <category>대화형 인터페이스</category>
      <category>데이터분석</category>
      <category>딥러닝</category>
      <category>인공지능</category>
      <category>자연어처리</category>
      <category>챗봇</category>
      <author>민또배기</author>
      <guid isPermaLink="true">https://roomdev-diary.tistory.com/81</guid>
      <comments>https://roomdev-diary.tistory.com/81#entry81comment</comments>
      <pubDate>Sat, 4 Mar 2023 15:43:44 +0900</pubDate>
    </item>
  </channel>
</rss>