<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>개발 일지</title>
    <link>https://ceodanbi.tistory.com/</link>
    <description>Keep looking, Don&amp;rsquo;t sattle.</description>
    <language>ko</language>
    <pubDate>Sun, 5 Jul 2026 14:15:37 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>단비_danbee</managingEditor>
    <image>
      <title>개발 일지</title>
      <url>https://tistory1.daumcdn.net/tistory/4071549/attach/03ffd7c8b4fc4bbead9eb3f8c9789d80</url>
      <link>https://ceodanbi.tistory.com</link>
    </image>
    <item>
      <title>간지나는 배경화면 만들기</title>
      <link>https://ceodanbi.tistory.com/218</link>
      <description>&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1919&quot; data-origin-height=&quot;1079&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dL3v04/btsPgw9ftJ2/0CIlWVxA9XFI5x0N7knQRK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dL3v04/btsPgw9ftJ2/0CIlWVxA9XFI5x0N7knQRK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dL3v04/btsPgw9ftJ2/0CIlWVxA9XFI5x0N7knQRK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdL3v04%2FbtsPgw9ftJ2%2F0CIlWVxA9XFI5x0N7knQRK%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;1919&quot; height=&quot;1079&quot; data-origin-width=&quot;1919&quot; data-origin-height=&quot;1079&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;1919&quot; data-origin-height=&quot;1079&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cQUR98/btsPgTb5Uew/bBxpdd0YKDTCqi5ywX4RR1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cQUR98/btsPgTb5Uew/bBxpdd0YKDTCqi5ywX4RR1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cQUR98/btsPgTb5Uew/bBxpdd0YKDTCqi5ywX4RR1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcQUR98%2FbtsPgTb5Uew%2FbBxpdd0YKDTCqi5ywX4RR1%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;1919&quot; height=&quot;1079&quot; data-origin-width=&quot;1919&quot; data-origin-height=&quot;1079&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. &lt;a href=&quot;https://windhawk.net/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://windhawk.net/&lt;/a&gt; 다운로드&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 아래 세개 다운로드 후 테마는 아래 처럼 설정하기&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;199&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bzY0lW/btsPgZXw2lP/HkpDHEWMOIJk6W0ZEQv8H1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bzY0lW/btsPgZXw2lP/HkpDHEWMOIJk6W0ZEQv8H1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bzY0lW/btsPgZXw2lP/HkpDHEWMOIJk6W0ZEQv8H1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbzY0lW%2FbtsPgZXw2lP%2FHkpDHEWMOIJk6W0ZEQv8H1%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;1179&quot; height=&quot;199&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;199&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;621&quot; data-origin-height=&quot;383&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bow2Wt/btsPguqaZUF/fj4hpb4U2dqNe3pAReUvEk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bow2Wt/btsPguqaZUF/fj4hpb4U2dqNe3pAReUvEk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bow2Wt/btsPguqaZUF/fj4hpb4U2dqNe3pAReUvEk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbow2Wt%2FbtsPguqaZUF%2Ffj4hpb4U2dqNe3pAReUvEk%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;621&quot; height=&quot;383&quot; data-origin-width=&quot;621&quot; data-origin-height=&quot;383&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;555&quot; data-origin-height=&quot;379&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cHFDzW/btsPgyF0GJh/moRXLUt10hZC7TiiXzFGWk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cHFDzW/btsPgyF0GJh/moRXLUt10hZC7TiiXzFGWk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cHFDzW/btsPgyF0GJh/moRXLUt10hZC7TiiXzFGWk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcHFDzW%2FbtsPgyF0GJh%2FmoRXLUt10hZC7TiiXzFGWk%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;555&quot; height=&quot;379&quot; data-origin-width=&quot;555&quot; data-origin-height=&quot;379&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;534&quot; data-origin-height=&quot;378&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/EQLHr/btsPf1aRulz/UYKVol2MeVsDFkbBO1OPK1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/EQLHr/btsPf1aRulz/UYKVol2MeVsDFkbBO1OPK1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/EQLHr/btsPf1aRulz/UYKVol2MeVsDFkbBO1OPK1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FEQLHr%2FbtsPf1aRulz%2FUYKVol2MeVsDFkbBO1OPK1%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;534&quot; height=&quot;378&quot; data-origin-width=&quot;534&quot; data-origin-height=&quot;378&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 스팀에서 wallpaper Engine 다운로드 하여 움직이는 배경화면으로 설정 하고 원하는 컬러로 변경! (5달러정도 합니다)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1596&quot; data-origin-height=&quot;387&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/YmnM8/btsPfZKQ2XR/RlvLsxHummfnep0d9EKbS0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/YmnM8/btsPfZKQ2XR/RlvLsxHummfnep0d9EKbS0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/YmnM8/btsPfZKQ2XR/RlvLsxHummfnep0d9EKbS0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FYmnM8%2FbtsPfZKQ2XR%2FRlvLsxHummfnep0d9EKbS0%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;1596&quot; height=&quot;387&quot; data-origin-width=&quot;1596&quot; data-origin-height=&quot;387&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;완성!&lt;/b&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;figure class=&quot;unsupported component-kakaotv&quot; contenteditable=&quot;false&quot; style=&quot;background:#000;margin:16px 0;min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;max-width:100%;&quot;&gt;
                &lt;p contenteditable=&quot;false&quot; style=&quot;margin:0;color:#8a8a8a;font-size:13px;line-height:1.6;user-select:none;pointer-events:none;&quot;&gt;동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.&lt;/p&gt;
            &lt;/figure&gt;
        
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>pinned</category>
      <category>Taskbar</category>
      <category>커스텀</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/218</guid>
      <comments>https://ceodanbi.tistory.com/218#entry218comment</comments>
      <pubDate>Fri, 11 Jul 2025 23:32:11 +0900</pubDate>
    </item>
    <item>
      <title>심즈4 맥북 유저를 위한 키보드 단축키</title>
      <link>https://ceodanbi.tistory.com/217</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1156&quot; data-origin-height=&quot;720&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bwWM1k/btsGNMTRNn2/Q1uW0zc651WNuq43OPAcZ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bwWM1k/btsGNMTRNn2/Q1uW0zc651WNuq43OPAcZ1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bwWM1k/btsGNMTRNn2/Q1uW0zc651WNuq43OPAcZ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbwWM1k%2FbtsGNMTRNn2%2FQ1uW0zc651WNuq43OPAcZ1%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;1156&quot; height=&quot;720&quot; data-origin-width=&quot;1156&quot; data-origin-height=&quot;720&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;저는 심즈4 맥북 유저인데, 노트북이다보니 Page Up/Down/Home/End 이 따로 없습니다. 그렇다보니 심즈4를 플레이하면서 화면 조작이 어려운데요. 이럴때 참고 할 수 있는 맥북 전용 키보드 단축키 글이 있으면 좋겠다 싶어 글을 작성하게 되었습니다.&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;Ctrl &amp;gt; Command&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Delete &amp;gt; fn+delete&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;background-color: #ffffff; color: #000000; text-align: left; border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;&lt;b&gt;일반명령&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt; &lt;span style=&quot;background-color: #6284ab; color: #ffffff; text-align: left;&quot;&gt;Window&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #6284ab; color: #ffffff; text-align: left;&quot;&gt;Mac&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;치트창켜기&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Ctrl+Shift+C&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;command&lt;/span&gt;+Shift+C&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;심즈3/심즈4 카메라 전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Ctrl+Shift+Tab&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;command&lt;/span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;+Shift+&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;Tab&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;실행취소&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Ctrl+Z&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;command&lt;/span&gt;+Z&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;재실행&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Ctrl+Y&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;command&lt;/span&gt;+Y&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.6046%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;취소&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 32.7907%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Esc&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 38.4883%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;Esc&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;table style=&quot;background-color: #ffffff; color: #000000; text-align: left; border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;&lt;b&gt;모드전환&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;생활모드&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;F1&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;fn+1&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;자유모드&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Tab&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;Tab&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;일인칭모드&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Shift+Tab&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;Shift+Tab&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;건축모드&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;F2&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;fn+2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;건축모드 - 공간별 아이템&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;F3&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;fn+3&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;갤러리&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;F4&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;fn+4&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;옵션메뉴&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Esc&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;Esc&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;table style=&quot;background-color: #ffffff; color: #000000; text-align: left; border-collapse: collapse; width: 100%; height: 298px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;color: #ffffff;&quot;&gt;&lt;b&gt;화면조작&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Window&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #6284ab; color: #ffffff; text-align: left; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;Mac&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;전후좌우&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;WASD 또는 화살표&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;WASD&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;마우스 이동방향으로 화면이동&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;우클릭+ 이동&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;더 빠르게 화면이동&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;SHIFT+ 이동&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;카메라 각도전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;마우스 휠+ 조절&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;줌인/줌아웃&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Z/X 또는 마우스 휠&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;Z/X 또는 마우스 휠&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;위에서 내려다보기 (건축모드)&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;T&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;T&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;한 층 위로 전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Page Up&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;fn&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;option&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;uarr;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;한 층 아래로 전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Page Down&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;fn&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;option&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;darr;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;벽 올리기 전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;Home&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;command&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;uarr;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;벽 내리기 전환&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;End&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;command&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;+&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;darr;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 28.7209%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;비디오 녹화&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;V&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #ffffff; color: #3d76ab; width: 35.5814%; height: 19px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #ffffff; color: #3d76ab; text-align: left;&quot;&gt;V&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 70px;&quot;&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 28.7209%; height: 70px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;스크린샷 캡쳐&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 70px;&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;nbsp;C&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td style=&quot;background-color: #f6f8fa; color: #3d76ab; width: 35.5814%; height: 70px;&quot;&gt;&lt;span&gt;&lt;span&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;C&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;혹시 표 내용이 잘 작동하지 않는다면 키보드를 영어로 설정해놨는지 확인해보세요.&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;b&gt;[출처]&lt;/b&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a style=&quot;color: #000000;&quot; href=&quot;https://blog.naver.com/wwwindystar/220454151102&quot;&gt;심즈4 단축키 모음&lt;/a&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;|&lt;/span&gt;&lt;b&gt;작성자&lt;/b&gt;&lt;span style=&quot;background-color: #f6f8fa; color: #3d76ab; text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a style=&quot;color: #000000;&quot; href=&quot;https://blog.naver.com/wwwindystar&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;</description>
      <category>심즈/모드만들기</category>
      <category>MacOS</category>
      <category>맥북</category>
      <category>맥북단축키</category>
      <category>맥북키보드</category>
      <category>심즈4</category>
      <category>애플키보드</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/217</guid>
      <comments>https://ceodanbi.tistory.com/217#entry217comment</comments>
      <pubDate>Sun, 21 Apr 2024 17:04:59 +0900</pubDate>
    </item>
    <item>
      <title>[프랑스어] 2023 5월 DELF B1 합격 후기</title>
      <link>https://ceodanbi.tistory.com/215</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1108&quot; data-origin-height=&quot;652&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/WWOoN/btskKDclJ9K/Y0t8n30ZywApAU7DpDwEsK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/WWOoN/btskKDclJ9K/Y0t8n30ZywApAU7DpDwEsK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/WWOoN/btskKDclJ9K/Y0t8n30ZywApAU7DpDwEsK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FWWOoN%2FbtskKDclJ9K%2FY0t8n30ZywApAU7DpDwEsK%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;1108&quot; height=&quot;652&quot; data-origin-width=&quot;1108&quot; data-origin-height=&quot;652&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2018 - 2019 프랑스 워홀 다녀온 후 2020년에 호기롭게 DELF B1 신청 했다가, 시험 당일날 배탈이 나서 결시를 하게 되었음. 최근에 프랑스인 친구들을 사귀게 되어서 다시 불어 공부를 시작했는데, 너무 재밌어서 기왕 다시 시작한거 DELF 를 봐보자 하고 급하게 B1 신청함. 3월부터 다시 공부 시작해서 5월에 시험 봤으니 2개월 공부함.&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;청취 평가 Compr&amp;eacute;hension orale (11.5/25)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;청취 평가 전에 시험지를 나눠주시면서 필기 할 수 있는 A4 용지를 주신다. 문제가 총 세문제 였는데 빡 집중해서 들으니까 몇개 아는 단어가 있어서 A4용지에 핵심 키워드만 적어놓고 문제 풀었음. 시간이 쫌 빠듯했었다. 대화문도 있었고, 무슨 여행 다녀온 후기, 광고에 나오는 음성 같은거 였던것 같다. 평소에 라디오를 잘 들어둬서 오 잘들린다 싶었는데 생각보다 점수가 안나와서 띠용 ㅋㅋ&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;독해 평가 Compr&amp;eacute;hension &amp;eacute;crite (16/25)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;일단 엄청 긴 지문 두개가 나옴. 읽으면서 그냥 읽으면 안됐는데 멍때리면서 그냥 쭉 읽다가 이해 안되서 읽었던 부분 또 읽고 또 읽고를 반복하면서 땀을 엄청 흘렸음.. 청취평가 할때 썼던 A4 에 이해되는 만큼만 한국어로 일단 번역해서 지문에 대한 문제들을 풀었음. 지문에 있는 문장 그대로 쓴것도 있었는데 점수가 좀 후하게 나와서 신기함 ㅋㅋ&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;작문 평가 Production &amp;eacute;crite (13/25)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;최근 일자리를 구하고 있는데 즐겁지만 월급이 적고, 노잼인데 월급이 많은 일, 둘 중에 어떤것을 택 할 것인지 고민을 하고 있는 상황이라고 지문에 나와 있었음. 이 부분에 대해서 친구에게 말하면서 &lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;친구나 주변에게 도움을 요청하는 글을 쓰라고 했었음.&lt;span&gt; 그래서 그냥 친구한테 문자 메시지 적는것처럼 Tutoiement 으로 적었고 Conjugaison 은 Pr&amp;eacute;sent, Pass&amp;eacute; 외에는 쓴게 없는 것 같음. 내가 문법이 너무 약하다보니 정말 자신이 없었지만 길게라도 적자는 생각으로 되든 안되든 일단 길게 적었음.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;구술 평가 Production orale (23.5/25)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;시험 시간이 총 15분도 안된거 같음. 그냥 호다닥 끝나서 어안이 벙벙 했음. 준비 시간 10분 주고 대기하다가 들어가면 면접관이랑 2-3분 대화하고 나옴. 우선 간단하게 자기소개 하고 취미가 뭔지 소개한 후에 바로 상황극 시작함. 상황극 내용은 프랑스에 어학연수 온 친구가 프랑스어 공부하기 싫다면서 학교 가기 싫다고 징징거려서 내가 설득해서 시험장에 어떻게든 끌고 가야되는 상황이었음. 시험장에서 나오자마자 메모장에 대충 기억나는대로 내용 바로 적었음. 작문이 진짜 딸리므로 감안하고 봐주시길... ㅠㅠ&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;pourquoi&amp;nbsp;tu&amp;nbsp;penses&amp;nbsp;tu&amp;nbsp;peux&amp;nbsp;pas&amp;nbsp;prendre&amp;nbsp;des&amp;nbsp;examens?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;너 왜 시험을 안본다는거야?&lt;br /&gt;&lt;br /&gt;감독 : Je n'ai pas fait mes devoirs et je ne veux plus aller &amp;agrave; l'&amp;eacute;cole et je ne veux pas prendre l&amp;rsquo;examen car le fran&amp;ccedil;ais c'est difficile pour moi.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;나 숙제도 안했고 더이상 학교에 가기가 싫어. 프랑스어가 너무 어려워서 시험 못 보겠어.&lt;br /&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;Mais&amp;nbsp;tu&amp;nbsp;es&amp;nbsp;en&amp;nbsp;France&amp;nbsp;tu&amp;nbsp;dois&amp;nbsp;apprendre&amp;nbsp;Fran&amp;ccedil;ais.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;아니 근데 너 지금 프랑스에 프랑스어 공부하러 온거잖아. 프랑스어 공부 해야지.&lt;br /&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;je&amp;nbsp;veux&amp;nbsp;apprendre&amp;nbsp;avec&amp;nbsp;mes&amp;nbsp;amis&amp;nbsp;pas&amp;nbsp;dans&amp;nbsp;une&amp;nbsp;&amp;eacute;cole!&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;친구한테서 프랑스어 배우고 싶어, 학교에서 배우고 싶지가 않아!&lt;br /&gt;&lt;br /&gt;나 : Oui, Apprendre avec tes amis &amp;ccedil;a va t&amp;rsquo;aider pour quotidien fran&amp;ccedil;ais. Mais pour apprendre le grammaire et l&amp;rsquo;orthographe pour le base, tu dois aller &amp;agrave; l&amp;rsquo;&amp;eacute;cole fran&amp;ccedil;ais.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;그래 친구한테서 배우는 것도 일상 프랑스어에는 도움이 될거야. 근데 문법이나 철자 같은 기본적인것들을 배우려면 학교는 가야 돼.&lt;br /&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;Oui&amp;nbsp;mais&amp;nbsp;j&amp;rsquo;en&amp;nbsp;ai&amp;nbsp;marre&amp;nbsp;de&amp;nbsp;faire&amp;nbsp;des&amp;nbsp;devoirs.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;응 근데 숙제가 너무 하기 싫어.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;si&amp;nbsp;tu&amp;nbsp;veux&amp;nbsp;je&amp;nbsp;peux&amp;nbsp;te&amp;nbsp;montrer&amp;nbsp;mes&amp;nbsp;devoirs.&amp;nbsp;et&amp;nbsp;je&amp;nbsp;peux&amp;nbsp;parler&amp;nbsp;avec&amp;nbsp;toi&amp;nbsp;en&amp;nbsp;fran&amp;ccedil;ais.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;너가 원하면 내 숙제 보여줄게. 그리고 프랑스어로 말하는거 내가 도와줄게.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;s&amp;eacute;rieux?&amp;nbsp;&amp;ccedil;a&amp;nbsp;va&amp;nbsp;beaucoup&amp;nbsp;m&amp;rsquo;aider&amp;nbsp;c&amp;rsquo;est&amp;nbsp;super!&amp;nbsp;est&amp;nbsp;ce&amp;nbsp;que&amp;nbsp;tu&amp;nbsp;es&amp;nbsp;libre&amp;nbsp;&amp;agrave;&amp;nbsp;samedi?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;진짜? 많이 도움이 될것 같아. 이번주 토요일에 시간 돼?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;Oui&amp;nbsp;je&amp;nbsp;suis&amp;nbsp;libre&amp;nbsp;&amp;agrave;&amp;nbsp;samedi&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;응 나 토요일에 시간 돼.&lt;br /&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;tu&amp;nbsp;veux&amp;nbsp;rencontrer&amp;nbsp;&amp;agrave;&amp;nbsp;quelle&amp;nbsp;heure?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;몇시에 만나고 싶어?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;umm&amp;nbsp;de&amp;nbsp;tout&amp;nbsp;le&amp;nbsp;temps&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;음 아무때나&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;oh&amp;nbsp;d&amp;rsquo;accord!&amp;nbsp;bon&amp;nbsp;o&amp;ugrave;&amp;nbsp;on&amp;nbsp;dois&amp;nbsp;y&amp;nbsp;aller?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;알겠어! 그럼 우리 어디 갈까?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;dans&amp;nbsp;un&amp;nbsp;caf&amp;eacute;?&amp;nbsp;c&amp;rsquo;est&amp;nbsp;bon?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;음 카페 갈까? 괜찮아?&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;감독&amp;nbsp;:&amp;nbsp;c&amp;rsquo;est&amp;nbsp;super!&amp;nbsp;bon&amp;nbsp;au-revoir!&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;응 좋아! 잘가!&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;나&amp;nbsp;:&amp;nbsp;&amp;agrave;&amp;nbsp;plus!&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;응 잘가!&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>외국어공부/프랑스어_일상</category>
      <category>2023</category>
      <category>delf</category>
      <category>DELF B1</category>
      <category>델프</category>
      <category>프랑스어</category>
      <category>프랑스어시험</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/215</guid>
      <comments>https://ceodanbi.tistory.com/215#entry215comment</comments>
      <pubDate>Tue, 20 Jun 2023 17:28:57 +0900</pubDate>
    </item>
    <item>
      <title>[프랑스어] 중고급문법 #1. 부정법</title>
      <link>https://ceodanbi.tistory.com/214</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;Je suis en train d'aller &amp;agrave; Paris.&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;Il veut partir le mois prochain.&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;2. 부정법 과거&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;Je suis content de te voir.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나는 너를 &lt;b&gt;보는 것이&lt;/b&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;gt; 하루가 지났을때는?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Je suis content de t'&lt;span style=&quot;color: #ee2323;&quot;&gt;avoir vu&lt;/span&gt; hier.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나는 어제 너를 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;봤던 것이&lt;/b&gt;&lt;/span&gt; 기뻐 (과거)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Merci d'&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;&amp;ecirc;tre venu(e)(s).&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #ee2323;&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;*&amp;ecirc;tre 가 들어가면 항상 성수 일치&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;Excusez-moi de vous &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;faire&lt;/b&gt; &lt;/span&gt;attendre.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;당신을 기다리게 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;하는 것&lt;/b&gt;&lt;/span&gt; 죄송합니다. (현재)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Excusez-moi&amp;nbsp;de&amp;nbsp;vous&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;avoir&amp;nbsp;fait&amp;nbsp;&lt;/b&gt;&lt;/span&gt;attendre.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;당신을&amp;nbsp;기다리게&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;한&amp;nbsp;것&lt;/b&gt;&lt;/span&gt;&amp;nbsp;죄송합니다.&amp;nbsp;(과거)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;▶&amp;nbsp;부정법&amp;nbsp;현재와&amp;nbsp;과거&amp;nbsp;활용하기:&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;apr&amp;egrave;s&amp;nbsp;+&amp;nbsp;부정법&amp;nbsp;과거&amp;nbsp;vs&amp;nbsp;avant&amp;nbsp;de&amp;nbsp;+&amp;nbsp;부정법&amp;nbsp;현재&lt;/h2&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 50%;&quot;&gt;apr&amp;egrave;s&amp;nbsp;+&amp;nbsp;부정법&amp;nbsp;과거&amp;nbsp;(avoir/&amp;ecirc;tre+p.p)&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 50%;&quot;&gt;~하고 난 후에&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 50%;&quot;&gt;avant&amp;nbsp;de&amp;nbsp;+&amp;nbsp;부정법&amp;nbsp;현재&amp;nbsp;(inf)&lt;/td&gt;
&lt;td style=&quot;width: 50%;&quot;&gt;~하기 전에&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;[주의]&amp;nbsp;주절과&amp;nbsp;종속절의&amp;nbsp;주어가&amp;nbsp;동일할&amp;nbsp;때&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;1.&amp;nbsp;나는&amp;nbsp;운동을&amp;nbsp;한다.&amp;nbsp;(&amp;nbsp;Je&amp;nbsp;fais&amp;nbsp;du&amp;nbsp;sport.&amp;nbsp;) &lt;br /&gt;2.&amp;nbsp;나는&amp;nbsp;나의&amp;nbsp;숙제를&amp;nbsp;한다.&amp;nbsp;(&amp;nbsp;Je&amp;nbsp;fais&amp;nbsp;mes&amp;nbsp;devoirs.)&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;rarr;&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;Apr&amp;egrave;s&amp;nbsp;avoir&amp;nbsp;fait&amp;nbsp;&lt;span style=&quot;color: #006dd7;&quot;&gt;du&amp;nbsp;sport&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;,&amp;nbsp;je&amp;nbsp;fais&amp;nbsp;mes&amp;nbsp;devoirs. &lt;br /&gt;운동을&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;한&amp;nbsp;후에&lt;/b&gt;&lt;/span&gt;,&amp;nbsp;나는&amp;nbsp;나의&amp;nbsp;숙제를&amp;nbsp;한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;&amp;rarr;&amp;nbsp;&lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;Avant&amp;nbsp;de&amp;nbsp;faire&amp;nbsp;&lt;span style=&quot;color: #006dd7;&quot;&gt;mes&amp;nbsp;devoirs&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;,&amp;nbsp;je&amp;nbsp;fais&amp;nbsp;du&amp;nbsp;sport. &lt;br /&gt;나의 숙제를 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;하기 전에&lt;/b&gt;&lt;/span&gt;, 나는 운동을 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1.&amp;nbsp;그녀는&amp;nbsp;우유를&amp;nbsp;마셨다.&amp;nbsp;(Elle&amp;nbsp;a&amp;nbsp;bu&amp;nbsp;du&amp;nbsp;lait.) &lt;br /&gt;2.&amp;nbsp;그녀는&amp;nbsp;잠이&amp;nbsp;들었다.&amp;nbsp;(Elle&amp;nbsp;s&amp;rsquo;est&amp;nbsp;endormie.)&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;rarr;&amp;nbsp;Apr&amp;egrave;s&amp;nbsp;avoir&amp;nbsp;bu&amp;nbsp;du&amp;nbsp;lait,&amp;nbsp;elle&amp;nbsp;s&amp;rsquo;est&amp;nbsp;endormie. &lt;br /&gt;우유를&amp;nbsp;마신&amp;nbsp;후에,&amp;nbsp;그녀는&amp;nbsp;잠이&amp;nbsp;들었다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;&amp;rarr;&amp;nbsp;Avant&amp;nbsp;de&amp;nbsp;s&amp;rsquo;endormir,&amp;nbsp;elle&amp;nbsp;a&amp;nbsp;bu&amp;nbsp;du&amp;nbsp;lait. &lt;br /&gt;잠들기&amp;nbsp;전에,&amp;nbsp;그녀는&amp;nbsp;우유를&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>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/214</guid>
      <comments>https://ceodanbi.tistory.com/214#entry214comment</comments>
      <pubDate>Fri, 16 Jun 2023 14:39:43 +0900</pubDate>
    </item>
    <item>
      <title>[영어] iOS Health 앱 관련 영어</title>
      <link>https://ceodanbi.tistory.com/213</link>
      <description>&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;Symptoms 증상&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Abdominal Cramps 복통&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Fatigue 피로&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Sleep Changes 수면 변화&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;Acne 여드름&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Appetite Changes 식욕 변화&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Bladder 방광&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Bladder Incontinence 요실금&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;Bloating 붓기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Breast Pain 흉통&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Chills 오한&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Constipation 변비&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;Diarrhea 설사&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Dry Skin 건조한 피부&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Hair Loss 탈모&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Headache 두통&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;Hot Flashes 열감&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Lower back pain 하부 요통&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Memory Lapse 기억력 쇠퇴&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Mood Changes 기분 변화&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;Nausea 메스꺼움&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Night Sweats 식은땀 (잠잘 때)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Pelvic Pain 골반 통증&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Vaginal Dryness 질 건조증&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>외국어공부/영어</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/213</guid>
      <comments>https://ceodanbi.tistory.com/213#entry213comment</comments>
      <pubDate>Sat, 24 Dec 2022 21:22:35 +0900</pubDate>
    </item>
    <item>
      <title>[Swift] Xcode 14 에서 SwiftUIX 불러오기</title>
      <link>https://ceodanbi.tistory.com/212</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;예전 강의에서는 File &amp;gt; Package &amp;gt; Swift Package 로 들어가서 외부소스를 불러왔었는데&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Xcode 14 부터는 달라졌다. 우선 프로젝트 최상위 파일로 간다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.39.07.png&quot; data-origin-width=&quot;1206&quot; data-origin-height=&quot;892&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/DjPbR/btrTKspwh5a/EAAOJ6nO4eEZKwYXNfFg51/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/DjPbR/btrTKspwh5a/EAAOJ6nO4eEZKwYXNfFg51/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/DjPbR/btrTKspwh5a/EAAOJ6nO4eEZKwYXNfFg51/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDjPbR%2FbtrTKspwh5a%2FEAAOJ6nO4eEZKwYXNfFg51%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;1206&quot; height=&quot;892&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.39.07.png&quot; data-origin-width=&quot;1206&quot; data-origin-height=&quot;892&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Package Dependencies 로 가서 화면 하단의 + 버튼을 누른다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.39.42.png&quot; data-origin-width=&quot;1590&quot; data-origin-height=&quot;534&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cBzVoN/btrTJwlAJkJ/1ieNGHgjcfcT7OCEJbfkw1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cBzVoN/btrTJwlAJkJ/1ieNGHgjcfcT7OCEJbfkw1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cBzVoN/btrTJwlAJkJ/1ieNGHgjcfcT7OCEJbfkw1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcBzVoN%2FbtrTJwlAJkJ%2F1ieNGHgjcfcT7OCEJbfkw1%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;1590&quot; height=&quot;534&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.39.42.png&quot; data-origin-width=&quot;1590&quot; data-origin-height=&quot;534&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SwiftUIX 의 깃허브 주소 복사&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://github.com/SwiftUIX/SwiftUIX&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://github.com/SwiftUIX/SwiftUIX&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.40.31.png&quot; data-origin-width=&quot;2014&quot; data-origin-height=&quot;1086&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bKy1v3/btrTK51CF3l/3mZl6FtyQJYUPQQuud6ndk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bKy1v3/btrTK51CF3l/3mZl6FtyQJYUPQQuud6ndk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bKy1v3/btrTK51CF3l/3mZl6FtyQJYUPQQuud6ndk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbKy1v3%2FbtrTK51CF3l%2F3mZl6FtyQJYUPQQuud6ndk%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;2014&quot; height=&quot;1086&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.40.31.png&quot; data-origin-width=&quot;2014&quot; data-origin-height=&quot;1086&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색창에 붙여넣고 Add Pakage 누르면 끝&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.41.21.png&quot; data-origin-width=&quot;1684&quot; data-origin-height=&quot;416&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/crUVoZ/btrTK5HhgV5/5TuuXcGRWHb4A5KIlSO1y0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/crUVoZ/btrTK5HhgV5/5TuuXcGRWHb4A5KIlSO1y0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/crUVoZ/btrTK5HhgV5/5TuuXcGRWHb4A5KIlSO1y0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcrUVoZ%2FbtrTK5HhgV5%2F5TuuXcGRWHb4A5KIlSO1y0%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;1684&quot; height=&quot;416&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.41.21.png&quot; data-origin-width=&quot;1684&quot; data-origin-height=&quot;416&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.41.34.png&quot; data-origin-width=&quot;2154&quot; data-origin-height=&quot;1206&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sEwIT/btrTKctysfZ/mrFOw3sfBI5uocumq5eMc1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sEwIT/btrTKctysfZ/mrFOw3sfBI5uocumq5eMc1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sEwIT/btrTKctysfZ/mrFOw3sfBI5uocumq5eMc1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsEwIT%2FbtrTKctysfZ%2FmrFOw3sfBI5uocumq5eMc1%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;2154&quot; height=&quot;1206&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.41.34.png&quot; data-origin-width=&quot;2154&quot; data-origin-height=&quot;1206&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;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-filename=&quot;스크린샷 2022-12-16 오전 11.42.16.png&quot; data-origin-width=&quot;1586&quot; data-origin-height=&quot;516&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bGo9ti/btrTNYULxj8/KzpXr73Yun1qITTUE6I9z1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bGo9ti/btrTNYULxj8/KzpXr73Yun1qITTUE6I9z1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bGo9ti/btrTNYULxj8/KzpXr73Yun1qITTUE6I9z1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbGo9ti%2FbtrTNYULxj8%2FKzpXr73Yun1qITTUE6I9z1%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;1586&quot; height=&quot;516&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.42.16.png&quot; data-origin-width=&quot;1586&quot; data-origin-height=&quot;516&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소스코드를 사용할 파일 상단에 SwiftUIX를 import 해주고, SwiftUIX 라이브러리에 있는 VisualEffectBlurView를 사용해본다.&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/kK0Y4/btrTJweTogQ/xumw0TS36r3Hwkre4Tsqk0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/kK0Y4/btrTJweTogQ/xumw0TS36r3Hwkre4Tsqk0/img.png&quot; data-origin-width=&quot;316&quot; data-origin-height=&quot;72&quot; data-is-animation=&quot;false&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.46.03.png&quot; data-widthpercent=&quot;44.78&quot; style=&quot;width: 44.256661%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/kK0Y4/btrTJweTogQ/xumw0TS36r3Hwkre4Tsqk0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkK0Y4%2FbtrTJweTogQ%2Fxumw0TS36r3Hwkre4Tsqk0%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;316&quot; height=&quot;72&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dOMFtr/btrTJu87ykF/eYVNWjZuLeRYj2oW8mHjA1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dOMFtr/btrTJu87ykF/eYVNWjZuLeRYj2oW8mHjA1/img.png&quot; data-origin-width=&quot;682&quot; data-origin-height=&quot;126&quot; data-is-animation=&quot;false&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.46.40.png&quot; data-widthpercent=&quot;55.22&quot; style=&quot;width: 54.580548%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dOMFtr/btrTJu87ykF/eYVNWjZuLeRYj2oW8mHjA1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdOMFtr%2FbtrTJu87ykF%2FeYVNWjZuLeRYj2oW8mHjA1%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;126&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;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;잘 적용된것을 볼 수 있다.&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;왼쪽은 VisualEffectBlurView&lt;span style=&quot;color: #000000;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #326d74;&quot;&gt;blurStyle&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;: .&lt;/span&gt;&lt;span style=&quot;color: #6c36a9;&quot;&gt;systemMaterial)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;오른쪽은&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;VisualEffectBlurView&lt;span style=&quot;color: #000000;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: #326d74;&quot;&gt;blurStyle&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;: .&lt;/span&gt;&lt;span style=&quot;color: #6c36a9;&quot;&gt;systemMaterialDark)&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; 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/tEFFN/btrTJvUvrJx/7K3VsU53tcDVxsSvKTePJK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tEFFN/btrTJvUvrJx/7K3VsU53tcDVxsSvKTePJK/img.png&quot; data-origin-width=&quot;706&quot; data-origin-height=&quot;712&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.45.31.png&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;50.46&quot; style=&quot;width: 49.872368%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tEFFN/btrTJvUvrJx/7K3VsU53tcDVxsSvKTePJK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtEFFN%2FbtrTJvUvrJx%2F7K3VsU53tcDVxsSvKTePJK%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;706&quot; height=&quot;712&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cjwFX4/btrTMZ7ps94/U9hV93nX90ReEsukKy9YVk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cjwFX4/btrTMZ7ps94/U9hV93nX90ReEsukKy9YVk/img.png&quot; data-is-animation=&quot;false&quot; data-origin-width=&quot;662&quot; data-origin-height=&quot;680&quot; data-filename=&quot;스크린샷 2022-12-16 오전 11.48.42.png&quot; data-widthpercent=&quot;49.54&quot; style=&quot;width: 48.964842%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cjwFX4/btrTMZ7ps94/U9hV93nX90ReEsukKy9YVk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcjwFX4%2FbtrTMZ7ps94%2FU9hV93nX90ReEsukKy9YVk%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;662&quot; height=&quot;680&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;</description>
      <category>iOS/Swift</category>
      <category>SwiftUIX</category>
      <category>Xcode14</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/212</guid>
      <comments>https://ceodanbi.tistory.com/212#entry212comment</comments>
      <pubDate>Fri, 16 Dec 2022 11:42:53 +0900</pubDate>
    </item>
    <item>
      <title>[Figma] 날씨앱 클론 디자인</title>
      <link>https://ceodanbi.tistory.com/210</link>
      <description>&lt;figure data-ke-type=&quot;video&quot; data-ke-style=&quot;alignCenter&quot; data-video-host=&quot;youtube&quot; data-video-url=&quot;https://www.youtube.com/watch?v=48YwaTiYau0&quot; data-video-thumbnail=&quot;https://scrap.kakaocdn.net/dn/bY8JkK/hyQRXkljpO/mYAoLZcZxAZcWEYTVVDwKK/img.jpg?width=1280&amp;amp;height=720&amp;amp;face=0_0_1280_720&quot; data-video-width=&quot;860&quot; data-video-height=&quot;484&quot; data-video-origin-width=&quot;860&quot; data-video-origin-height=&quot;484&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/48YwaTiYau0&quot; width=&quot;860&quot; height=&quot;484&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;figcaption&gt;&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;앱 UI 공부를 어떻게 해야할까 고민하다가, 우선 무작정 따라서 만들어보자 생각이 들었다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;유튜브에 &quot;how to design iOS app&quot; 을 쳐보니까 위의 영상이 조회수도 높고 댓글 반응도 좋았다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;한눈에 봐도 예쁘다. 더보기란을 읽어보니 다크모드 날씨 앱을 구현한거라고 한다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;하다보면 손에 익겠지 싶어 영상에 나온 단계 하나 하나 전부 따라해봤다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;아래는 내가 하면서 정리한 스크린샷과 설명들. 나중에 기억나지 않을때 복습하기!&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;1. FIGMA 에 로그인 한 후 new design 클릭&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;402&quot; data-origin-height=&quot;211&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c5JaXs/btrToCzs1Zs/785OuG1OzcUDNCe7fQDkS0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c5JaXs/btrToCzs1Zs/785OuG1OzcUDNCe7fQDkS0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c5JaXs/btrToCzs1Zs/785OuG1OzcUDNCe7fQDkS0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc5JaXs%2FbtrToCzs1Zs%2F785OuG1OzcUDNCe7fQDkS0%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;402&quot; height=&quot;211&quot; data-origin-width=&quot;402&quot; data-origin-height=&quot;211&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;2. Page 1 를 누르고 A 를 눌러 화면 드래그 후 프레임 하나 생성하기&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;크기는 1600W x 1200H&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;419&quot; data-origin-height=&quot;238&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/E0EAB/btrTtGgAXWp/kgDsgKvXwKBoYkSbIjJ7mk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/E0EAB/btrTtGgAXWp/kgDsgKvXwKBoYkSbIjJ7mk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/E0EAB/btrTtGgAXWp/kgDsgKvXwKBoYkSbIjJ7mk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE0EAB%2FbtrTtGgAXWp%2FkgDsgKvXwKBoYkSbIjJ7mk%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;419&quot; height=&quot;238&quot; data-origin-width=&quot;419&quot; data-origin-height=&quot;238&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1361&quot; data-origin-height=&quot;737&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MjaYf/btrTqEjtzGW/Eai3oHwgq11eT6eOlW7r6K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MjaYf/btrTqEjtzGW/Eai3oHwgq11eT6eOlW7r6K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MjaYf/btrTqEjtzGW/Eai3oHwgq11eT6eOlW7r6K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMjaYf%2FbtrTqEjtzGW%2FEai3oHwgq11eT6eOlW7r6K%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;1361&quot; height=&quot;737&quot; data-origin-width=&quot;1361&quot; data-origin-height=&quot;737&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;3. 색상을 누르고 Radial - F7CBFD 로 만들기&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;596&quot; data-origin-height=&quot;560&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tWY0h/btrTqDEUmZv/3vNLZtB0k46kN8gvD9uDak/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tWY0h/btrTqDEUmZv/3vNLZtB0k46kN8gvD9uDak/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tWY0h/btrTqDEUmZv/3vNLZtB0k46kN8gvD9uDak/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtWY0h%2FbtrTqDEUmZv%2F3vNLZtB0k46kN8gvD9uDak%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;596&quot; height=&quot;560&quot; data-origin-width=&quot;596&quot; data-origin-height=&quot;560&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;4. 플러스 버튼을 누르고 두번째 색상은 7758D1 로 만들고 둘다 100% 로 설정함&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;259&quot; data-origin-height=&quot;172&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bIAy0r/btrTu3hQwAn/eC34U9IsbexWCSk6WJ5gZ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bIAy0r/btrTu3hQwAn/eC34U9IsbexWCSk6WJ5gZ1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bIAy0r/btrTu3hQwAn/eC34U9IsbexWCSk6WJ5gZ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbIAy0r%2FbtrTu3hQwAn%2FeC34U9IsbexWCSk6WJ5gZ1%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;259&quot; height=&quot;172&quot; data-origin-width=&quot;259&quot; data-origin-height=&quot;172&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;5. 이런 느낌으로 첫번째 색이 향하는 방향을 정해주기&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;458&quot; data-origin-height=&quot;574&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Cesnv/btrTsnaIHrT/DhyOChhZ4sbbaJoFcccIu1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Cesnv/btrTsnaIHrT/DhyOChhZ4sbbaJoFcccIu1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Cesnv/btrTsnaIHrT/DhyOChhZ4sbbaJoFcccIu1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCesnv%2FbtrTsnaIHrT%2FDhyOChhZ4sbbaJoFcccIu1%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;458&quot; height=&quot;574&quot; data-origin-width=&quot;458&quot; data-origin-height=&quot;574&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;6. 아이폰 13 프로로 새로운 프레임을 만듬&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;958&quot; data-origin-height=&quot;372&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dO0Igw/btrTu3PGR7l/g1FiOxKY7SjtKunytzZXh1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dO0Igw/btrTu3PGR7l/g1FiOxKY7SjtKunytzZXh1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dO0Igw/btrTu3PGR7l/g1FiOxKY7SjtKunytzZXh1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdO0Igw%2FbtrTu3PGR7l%2Fg1FiOxKY7SjtKunytzZXh1%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;958&quot; height=&quot;372&quot; data-origin-width=&quot;958&quot; data-origin-height=&quot;372&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/K63jN/btrTt2jjYQN/3BxwiTiCRYeqoKhydFKxW1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/K63jN/btrTt2jjYQN/3BxwiTiCRYeqoKhydFKxW1/img.png&quot; data-origin-width=&quot;467&quot; data-origin-height=&quot;301&quot; data-is-animation=&quot;false&quot; style=&quot;width: 54.6035%; margin-right: 10px;&quot; data-widthpercent=&quot;55.25&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/K63jN/btrTt2jjYQN/3BxwiTiCRYeqoKhydFKxW1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FK63jN%2FbtrTt2jjYQN%2F3BxwiTiCRYeqoKhydFKxW1%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;467&quot; height=&quot;301&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tV5IA/btrTuA7X4bM/UOD7CriUkkr2OtcuAGcaSk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tV5IA/btrTuA7X4bM/UOD7CriUkkr2OtcuAGcaSk/img.png&quot; data-origin-width=&quot;367&quot; data-origin-height=&quot;292&quot; data-is-animation=&quot;false&quot; style=&quot;width: 44.2337%;&quot; data-widthpercent=&quot;44.75&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tV5IA/btrTuA7X4bM/UOD7CriUkkr2OtcuAGcaSk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtV5IA%2FbtrTuA7X4bM%2FUOD7CriUkkr2OtcuAGcaSk%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;367&quot; height=&quot;292&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;7. 반지름을 46으로 설정하고 옆의 아이콘 클릭&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/etb65H/btrTukD8WTy/UCCUtRwpFlWHH3CUUHPht0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/etb65H/btrTukD8WTy/UCCUtRwpFlWHH3CUUHPht0/img.png&quot; data-origin-width=&quot;238&quot; data-origin-height=&quot;172&quot; data-is-animation=&quot;false&quot; style=&quot;width: 48.9412%; margin-right: 10px;&quot; data-widthpercent=&quot;49.52&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/etb65H/btrTukD8WTy/UCCUtRwpFlWHH3CUUHPht0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fetb65H%2FbtrTukD8WTy%2FUCCUtRwpFlWHH3CUUHPht0%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;238&quot; height=&quot;172&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bi7uO2/btrTsmJH1zj/dgHTmfO0mUQ9mw5SPas440/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bi7uO2/btrTsmJH1zj/dgHTmfO0mUQ9mw5SPas440/img.png&quot; data-origin-width=&quot;237&quot; data-origin-height=&quot;168&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.896%;&quot; data-widthpercent=&quot;50.48&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bi7uO2/btrTsmJH1zj/dgHTmfO0mUQ9mw5SPas440/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbi7uO2%2FbtrTsmJH1zj%2FdgHTmfO0mUQ9mw5SPas440%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;237&quot; height=&quot;168&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;8. Coner smoothing 을 70% 로 변경 / Effect &amp;gt; Drop shadow &amp;gt; X -40 / Y 60 으로 변경&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/uSWwS/btrTtitxDRS/KMHOfHoeQM2uwb89us8kOK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uSWwS/btrTtitxDRS/KMHOfHoeQM2uwb89us8kOK/img.png&quot; style=&quot;width: 48.7014%; margin-right: 10px;&quot; data-origin-width=&quot;511&quot; data-origin-height=&quot;191&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;49.27&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uSWwS/btrTtitxDRS/KMHOfHoeQM2uwb89us8kOK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuSWwS%2FbtrTtitxDRS%2FKMHOfHoeQM2uwb89us8kOK%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;511&quot; height=&quot;191&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cC0dns/btrTtBzChuW/KrGPhdDeKukHlKPWWWhPV1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cC0dns/btrTtBzChuW/KrGPhdDeKukHlKPWWWhPV1/img.png&quot; style=&quot;width: 50.1358%;&quot; data-origin-width=&quot;493&quot; data-origin-height=&quot;179&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;50.73&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cC0dns/btrTtBzChuW/KrGPhdDeKukHlKPWWWhPV1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcC0dns%2FbtrTtBzChuW%2FKrGPhdDeKukHlKPWWWhPV1%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;179&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;9. Blur 150, 헥사코드 3B267B, 투명도 70%&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/bLnCZW/btrTmuaJOGo/4MxYzbo8t4YbzQ4JCtbcTK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bLnCZW/btrTmuaJOGo/4MxYzbo8t4YbzQ4JCtbcTK/img.png&quot; data-origin-width=&quot;258&quot; data-origin-height=&quot;166&quot; data-is-animation=&quot;false&quot; style=&quot;width: 63.1891%; margin-right: 10px;&quot; data-widthpercent=&quot;63.93&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bLnCZW/btrTmuaJOGo/4MxYzbo8t4YbzQ4JCtbcTK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbLnCZW%2FbtrTmuaJOGo%2F4MxYzbo8t4YbzQ4JCtbcTK%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;258&quot; height=&quot;166&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cFS1IF/btrTthhagry/uzvHSpcoJvdQXhYT1CoIk1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cFS1IF/btrTthhagry/uzvHSpcoJvdQXhYT1CoIk1/img.png&quot; data-origin-width=&quot;484&quot; data-origin-height=&quot;552&quot; data-is-animation=&quot;false&quot; style=&quot;width: 35.6481%;&quot; data-widthpercent=&quot;36.07&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cFS1IF/btrTthhagry/uzvHSpcoJvdQXhYT1CoIk1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcFS1IF%2FbtrTthhagry%2FuzvHSpcoJvdQXhYT1CoIk1%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;484&quot; height=&quot;552&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;10. 첫번째 Linear 컬러 2E335A 로 변경, 두번째 1C1B33&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/crXi9l/btrToD6eaxR/wmau4lDRUKckGh65t7JG50/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/crXi9l/btrToD6eaxR/wmau4lDRUKckGh65t7JG50/img.png&quot; data-origin-width=&quot;708&quot; data-origin-height=&quot;493&quot; data-is-animation=&quot;false&quot; style=&quot;width: 59.4154%; margin-right: 10px;&quot; data-widthpercent=&quot;60.11&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/crXi9l/btrToD6eaxR/wmau4lDRUKckGh65t7JG50/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcrXi9l%2FbtrToD6eaxR%2Fwmau4lDRUKckGh65t7JG50%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;708&quot; height=&quot;493&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yUkYz/btrTsmXdvWd/Mql4EP5ZPuLzleVVFh4oik/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yUkYz/btrTsmXdvWd/Mql4EP5ZPuLzleVVFh4oik/img.png&quot; data-origin-width=&quot;485&quot; data-origin-height=&quot;509&quot; data-is-animation=&quot;false&quot; style=&quot;width: 39.4218%;&quot; data-widthpercent=&quot;39.89&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yUkYz/btrTsmXdvWd/Mql4EP5ZPuLzleVVFh4oik/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyUkYz%2FbtrTsmXdvWd%2FMql4EP5ZPuLzleVVFh4oik%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;485&quot; height=&quot;509&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;11. 방향 대각선으로 살짝 수정해주기&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;368&quot; data-origin-height=&quot;302&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sywbv/btrTtGni5Rv/UGKsQLv13D6dhOK4q3kwEK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sywbv/btrTtGni5Rv/UGKsQLv13D6dhOK4q3kwEK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sywbv/btrTtGni5Rv/UGKsQLv13D6dhOK4q3kwEK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fsywbv%2FbtrTtGni5Rv%2FUGKsQLv13D6dhOK4q3kwEK%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;368&quot; height=&quot;302&quot; data-origin-width=&quot;368&quot; data-origin-height=&quot;302&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;12. 유리 모형으로 모달을 만들기위해서 Asset 을 추가해야함&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;piqo 의 Weatherly 3D icon 과 &lt;a href=&quot;https://www.figma.com/@aksonvady&quot;&gt;Aksonvady Phomhome&lt;/a&gt; 의 Weather App UI Design 에서 Ctrl + C, V 해서 가져오기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나중에 내가 원하는 이미지 구할때는 upsplash 사용하기 &lt;a href=&quot;https://unsplash.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://unsplash.com/&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;958&quot; data-origin-height=&quot;636&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/FA1KX/btrToC7hTzh/l5s06KGeXUVuGqoj2jJKX1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/FA1KX/btrToC7hTzh/l5s06KGeXUVuGqoj2jJKX1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/FA1KX/btrToC7hTzh/l5s06KGeXUVuGqoj2jJKX1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFA1KX%2FbtrToC7hTzh%2Fl5s06KGeXUVuGqoj2jJKX1%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;958&quot; height=&quot;636&quot; data-origin-width=&quot;958&quot; data-origin-height=&quot;636&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;13. 강의에선 Y 를 304 로 옮기라고 했는데, 이상하게 강의에서 나온대로 옮기면 너무 위로 가서 그냥 임의로 내가 -520 로 설정함&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;958&quot; data-origin-height=&quot;840&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/HPROz/btrTvYHnpSa/ofL92uKmBExOLcSwGUAiyk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/HPROz/btrTvYHnpSa/ofL92uKmBExOLcSwGUAiyk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/HPROz/btrTvYHnpSa/ofL92uKmBExOLcSwGUAiyk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FHPROz%2FbtrTvYHnpSa%2FofL92uKmBExOLcSwGUAiyk%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;958&quot; height=&quot;840&quot; data-origin-width=&quot;958&quot; data-origin-height=&quot;840&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;14. 사각형을 하나 만들어주고 크기 조절 후 아이폰 안으로 가져와준다&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/7Lf3D/btrTsdTzo33/mMqduh4R77zbVCZcaXj5J0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/7Lf3D/btrTsdTzo33/mMqduh4R77zbVCZcaXj5J0/img.png&quot; style=&quot;width: 39.5659%; margin-right: 10px;&quot; data-origin-width=&quot;716&quot; data-origin-height=&quot;721&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;40.03&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/7Lf3D/btrTsdTzo33/mMqduh4R77zbVCZcaXj5J0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7Lf3D%2FbtrTsdTzo33%2FmMqduh4R77zbVCZcaXj5J0%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;716&quot; height=&quot;721&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bIAfIV/btrTukjQVFu/PUBPmKU8zpxn7FiKI9z3gK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bIAfIV/btrTukjQVFu/PUBPmKU8zpxn7FiKI9z3gK/img.png&quot; style=&quot;width: 59.2714%;&quot; data-origin-width=&quot;241&quot; data-origin-height=&quot;162&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;59.97&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bIAfIV/btrTukjQVFu/PUBPmKU8zpxn7FiKI9z3gK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbIAfIV%2FbtrTukjQVFu%2FPUBPmKU8zpxn7FiKI9z3gK%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;241&quot; height=&quot;162&quot;/&gt;&lt;/span&gt;&lt;/div&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/bOmngs/btrTvWCMTaA/fM3OYkMTlFJpGTkPSPPFQ0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bOmngs/btrTvWCMTaA/fM3OYkMTlFJpGTkPSPPFQ0/img.png&quot; data-origin-width=&quot;246&quot; data-origin-height=&quot;167&quot; data-is-animation=&quot;false&quot; style=&quot;width: 55.0523%; margin-right: 10px;&quot; data-widthpercent=&quot;55.7&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bOmngs/btrTvWCMTaA/fM3OYkMTlFJpGTkPSPPFQ0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbOmngs%2FbtrTvWCMTaA%2FfM3OYkMTlFJpGTkPSPPFQ0%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;246&quot; height=&quot;167&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/5Kdsr/btrTtj0dOYr/iyaktabJQ1xaVA6URRhjP1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/5Kdsr/btrTtj0dOYr/iyaktabJQ1xaVA6URRhjP1/img.png&quot; style=&quot;width: 43.7849%;&quot; data-origin-width=&quot;239&quot; data-origin-height=&quot;204&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;44.3&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/5Kdsr/btrTtj0dOYr/iyaktabJQ1xaVA6URRhjP1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5Kdsr%2FbtrTtj0dOYr%2FiyaktabJQ1xaVA6URRhjP1%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;239&quot; height=&quot;204&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;15. 이런 모양이 나오면 된것임&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;424&quot; data-origin-height=&quot;492&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oivQr/btrTqDrraEx/oWswkkGEk4zvnF9p3PafnK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oivQr/btrTqDrraEx/oWswkkGEk4zvnF9p3PafnK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oivQr/btrTqDrraEx/oWswkkGEk4zvnF9p3PafnK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoivQr%2FbtrTqDrraEx%2FoWswkkGEk4zvnF9p3PafnK%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;424&quot; height=&quot;492&quot; data-origin-width=&quot;424&quot; data-origin-height=&quot;492&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;16. 사각형에 리니어 색상 추가 &amp;gt; 첫번째 색상 3A3F54 불투명도 0% / 두번째 색상 &lt;span&gt;3A3F54&lt;span&gt; 불투명도 100%&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;518&quot; data-origin-height=&quot;539&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bQ0Ogn/btrTu2J1a8I/dUcsO0NkiaBjAKmiLSumg0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bQ0Ogn/btrTu2J1a8I/dUcsO0NkiaBjAKmiLSumg0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bQ0Ogn/btrTu2J1a8I/dUcsO0NkiaBjAKmiLSumg0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQ0Ogn%2FbtrTu2J1a8I%2FdUcsO0NkiaBjAKmiLSumg0%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;518&quot; height=&quot;539&quot; data-origin-width=&quot;518&quot; data-origin-height=&quot;539&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;17. 레이아웃 이름을 Home 으로 바꿔주자&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/b8uiaA/btrTtYg1IOI/CvQBmO0bKe2mSFVFuAxrqK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b8uiaA/btrTtYg1IOI/CvQBmO0bKe2mSFVFuAxrqK/img.png&quot; data-origin-width=&quot;244&quot; data-origin-height=&quot;170&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.0424%; margin-right: 10px;&quot; data-widthpercent=&quot;49.62&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b8uiaA/btrTtYg1IOI/CvQBmO0bKe2mSFVFuAxrqK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb8uiaA%2FbtrTtYg1IOI%2FCvQBmO0bKe2mSFVFuAxrqK%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;244&quot; height=&quot;170&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/OZFFZ/btrTvjZcH1B/cqmZIvh5gIjf5ZdKICBkx1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/OZFFZ/btrTvjZcH1B/cqmZIvh5gIjf5ZdKICBkx1/img.png&quot; data-origin-width=&quot;239&quot; data-origin-height=&quot;164&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.7949%;&quot; data-widthpercent=&quot;50.38&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/OZFFZ/btrTvjZcH1B/cqmZIvh5gIjf5ZdKICBkx1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FOZFFZ%2FbtrTvjZcH1B%2FcqmZIvh5gIjf5ZdKICBkx1%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;239&quot; height=&quot;164&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;18. status bar 와 weather asset을 추가해주고, 둘 사이의 간격을 54로 맞춰준다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;510&quot; data-origin-height=&quot;201&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vUD3h/btrTuA7Y9gv/5qCE3KHnJ6m67MwZH8j9L1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vUD3h/btrTuA7Y9gv/5qCE3KHnJ6m67MwZH8j9L1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vUD3h/btrTuA7Y9gv/5qCE3KHnJ6m67MwZH8j9L1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvUD3h%2FbtrTuA7Y9gv%2F5qCE3KHnJ6m67MwZH8j9L1%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;510&quot; height=&quot;201&quot; data-origin-width=&quot;510&quot; data-origin-height=&quot;201&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;19. A를 눌러 새로운 사각형을 만들어 주고 크기를 사진과 같이 변경한다. 왼쪽 오른쪽 모서리 radius 를 44로 맞춘다.&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/b4QZhe/btrTu2XxQuY/qYiYU16sjLTAk1Ie4enah0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b4QZhe/btrTu2XxQuY/qYiYU16sjLTAk1Ie4enah0/img.png&quot; data-origin-width=&quot;731&quot; data-origin-height=&quot;611&quot; data-is-animation=&quot;false&quot; style=&quot;width: 43.5464%; margin-right: 10px;&quot; data-widthpercent=&quot;44.06&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b4QZhe/btrTu2XxQuY/qYiYU16sjLTAk1Ie4enah0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb4QZhe%2FbtrTu2XxQuY%2FqYiYU16sjLTAk1Ie4enah0%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;731&quot; height=&quot;611&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bYbH8n/btrTu2XxQ9k/2jHv6ykrXdV5jPKDuo0JAk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bYbH8n/btrTu2XxQ9k/2jHv6ykrXdV5jPKDuo0JAk/img.png&quot; data-origin-width=&quot;717&quot; data-origin-height=&quot;472&quot; data-is-animation=&quot;false&quot; style=&quot;width: 55.2908%;&quot; data-widthpercent=&quot;55.94&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bYbH8n/btrTu2XxQ9k/2jHv6ykrXdV5jPKDuo0JAk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbYbH8n%2FbtrTu2XxQ9k%2F2jHv6ykrXdV5jPKDuo0JAk%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;717&quot; height=&quot;472&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;20. 선형 색상을 추가 하고 방향을 사진과 같이 변경함&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;첫번째 : 2E335A / 100%&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두번째 : 1C1B33 / 100%&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;투명도 20%&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/y5tI3/btrTukqB6yx/PSvu6XE1lNfgEJP4mHnDY0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/y5tI3/btrTukqB6yx/PSvu6XE1lNfgEJP4mHnDY0/img.png&quot; data-origin-width=&quot;272&quot; data-origin-height=&quot;468&quot; data-is-animation=&quot;false&quot; style=&quot;width: 32.692%; margin-right: 10px;&quot; data-widthpercent=&quot;33.08&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/y5tI3/btrTukqB6yx/PSvu6XE1lNfgEJP4mHnDY0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fy5tI3%2FbtrTukqB6yx%2FPSvu6XE1lNfgEJP4mHnDY0%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;468&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/SX8oL/btrTmZ2JY3x/aKeFd1rJxqw8Rx151loqNK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/SX8oL/btrTmZ2JY3x/aKeFd1rJxqw8Rx151loqNK/img.png&quot; data-origin-width=&quot;254&quot; data-origin-height=&quot;216&quot; data-is-animation=&quot;false&quot; style=&quot;width: 66.1452%;&quot; data-widthpercent=&quot;66.92&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/SX8oL/btrTmZ2JY3x/aKeFd1rJxqw8Rx151loqNK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FSX8oL%2FbtrTmZ2JY3x%2FaKeFd1rJxqw8Rx151loqNK%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;254&quot; height=&quot;216&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1012&quot; data-origin-height=&quot;523&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bb2Fe6/btrTthVJ5PE/64iNnylEGGk3Evte0YkpO1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bb2Fe6/btrTthVJ5PE/64iNnylEGGk3Evte0YkpO1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bb2Fe6/btrTthVJ5PE/64iNnylEGGk3Evte0YkpO1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbb2Fe6%2FbtrTthVJ5PE%2F64iNnylEGGk3Evte0YkpO1%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;1012&quot; height=&quot;523&quot; data-origin-width=&quot;1012&quot; data-origin-height=&quot;523&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;21. Effects&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;백그라운드 블러 &amp;gt; 50&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이너 쉐도우 &amp;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;433&quot; data-origin-height=&quot;163&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bUzjgf/btrTseSuS9I/QlYGurWVPsNhLqFUKyJm4K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bUzjgf/btrTseSuS9I/QlYGurWVPsNhLqFUKyJm4K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bUzjgf/btrTseSuS9I/QlYGurWVPsNhLqFUKyJm4K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbUzjgf%2FbtrTseSuS9I%2FQlYGurWVPsNhLqFUKyJm4K%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;433&quot; height=&quot;163&quot; data-origin-width=&quot;433&quot; data-origin-height=&quot;163&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/bJLN7L/btrTtiAjo93/5kvgo4NQKohKvDcVRQwcXk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bJLN7L/btrTtiAjo93/5kvgo4NQKohKvDcVRQwcXk/img.png&quot; data-origin-width=&quot;454&quot; data-origin-height=&quot;260&quot; data-is-animation=&quot;false&quot; style=&quot;width: 58.6085%; margin-right: 10px;&quot; data-widthpercent=&quot;59.3&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bJLN7L/btrTtiAjo93/5kvgo4NQKohKvDcVRQwcXk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbJLN7L%2FbtrTtiAjo93%2F5kvgo4NQKohKvDcVRQwcXk%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;454&quot; height=&quot;260&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/8Kuoa/btrToapvHsw/qrk1kCSgDj4ZLFFcuKVYL0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/8Kuoa/btrToapvHsw/qrk1kCSgDj4ZLFFcuKVYL0/img.png&quot; data-origin-width=&quot;332&quot; data-origin-height=&quot;277&quot; data-is-animation=&quot;false&quot; style=&quot;width: 40.2287%;&quot; data-widthpercent=&quot;40.7&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/8Kuoa/btrToapvHsw/qrk1kCSgDj4ZLFFcuKVYL0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F8Kuoa%2FbtrToapvHsw%2Fqrk1kCSgDj4ZLFFcuKVYL0%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;332&quot; height=&quot;277&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;22. 사각형을 우클릭 하면 짧은 코드를 쓸 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Option Command+G 로 프레임을 만들 수 있음.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이름을 Modal로 바꿔주자.&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/cTzP7M/btrTsnIy2y4/41NyLYx59maFHIoZk9wUMk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cTzP7M/btrTsnIy2y4/41NyLYx59maFHIoZk9wUMk/img.png&quot; data-origin-width=&quot;349&quot; data-origin-height=&quot;392&quot; data-is-animation=&quot;false&quot; style=&quot;width: 32.2938%; margin-right: 10px;&quot; data-widthpercent=&quot;32.67&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cTzP7M/btrTsnIy2y4/41NyLYx59maFHIoZk9wUMk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcTzP7M%2FbtrTsnIy2y4%2F41NyLYx59maFHIoZk9wUMk%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;392&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bQ93xP/btrTukRHCqp/nkFZ6MrgKFs57HkAO3GK20/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bQ93xP/btrTukRHCqp/nkFZ6MrgKFs57HkAO3GK20/img.png&quot; data-origin-width=&quot;255&quot; data-origin-height=&quot;139&quot; data-is-animation=&quot;false&quot; style=&quot;width: 66.5434%;&quot; data-widthpercent=&quot;67.33&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bQ93xP/btrTukRHCqp/nkFZ6MrgKFs57HkAO3GK20/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQ93xP%2FbtrTukRHCqp%2FnkFZ6MrgKFs57HkAO3GK20%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;255&quot; height=&quot;139&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;23. O를 누르고 Shift 를 누른 상태에서 드래그해서 모달 안에 원을 그려 넣어준다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;크기를 250 으로 변경, x와 y도 스크린샷 처럼 변경&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/bBxA1n/btrTti758Rn/GOeUD5tzmtYtFrYoON8ZS0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bBxA1n/btrTti758Rn/GOeUD5tzmtYtFrYoON8ZS0/img.png&quot; data-origin-width=&quot;262&quot; data-origin-height=&quot;230&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;50.02&quot; style=&quot;width: 49.4371%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bBxA1n/btrTti758Rn/GOeUD5tzmtYtFrYoON8ZS0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbBxA1n%2FbtrTti758Rn%2FGOeUD5tzmtYtFrYoON8ZS0%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;262&quot; height=&quot;230&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bo0rBi/btrTtEJMIlR/5iy4UyKUOM5dj1YqikdeJk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bo0rBi/btrTtEJMIlR/5iy4UyKUOM5dj1YqikdeJk/img.png&quot; data-origin-width=&quot;675&quot; data-origin-height=&quot;593&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.4001%;&quot; data-widthpercent=&quot;49.98&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bo0rBi/btrTtEJMIlR/5iy4UyKUOM5dj1YqikdeJk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbo0rBi%2FbtrTtEJMIlR%2F5iy4UyKUOM5dj1YqikdeJk%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;675&quot; height=&quot;593&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;24. 원의 색상을 리니어 컬러 4개로 아래처럼 추가&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;첫번째 : 612FAB, 0%&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두번째 : 612FAB, 100%&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;세번째 : 612FAB, 0%&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;네번째 :&lt;span&gt;&amp;nbsp;&lt;/span&gt;612FAB, 100%&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;531&quot; data-origin-height=&quot;551&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/AGytg/btrTti76drU/6LG02YodLFLJS1KN0WK4Gk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/AGytg/btrTti76drU/6LG02YodLFLJS1KN0WK4Gk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/AGytg/btrTti76drU/6LG02YodLFLJS1KN0WK4Gk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAGytg%2FbtrTti76drU%2F6LG02YodLFLJS1KN0WK4Gk%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;531&quot; height=&quot;551&quot; data-origin-width=&quot;531&quot; data-origin-height=&quot;551&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;25. 이제 레이어 블러 효과를 추가하고 값을 140으로 넣어준다&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;469&quot; data-origin-height=&quot;231&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/t02Mp/btrTwA0HGkN/m4y5DVfTAI8JkeSm7z35wK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/t02Mp/btrTwA0HGkN/m4y5DVfTAI8JkeSm7z35wK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/t02Mp/btrTwA0HGkN/m4y5DVfTAI8JkeSm7z35wK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Ft02Mp%2FbtrTwA0HGkN%2Fm4y5DVfTAI8JkeSm7z35wK%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;469&quot; height=&quot;231&quot; data-origin-width=&quot;469&quot; data-origin-height=&quot;231&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;26. 이 원을 Option 키를 누르고 드래그해서 가운데 위로 복사해준다. (윈도우는 Alt)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;247&quot; data-origin-height=&quot;203&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/pMY0M/btrTsnIy8Vo/kb32TbNJf3GTCtwx4OFIjk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/pMY0M/btrTsnIy8Vo/kb32TbNJf3GTCtwx4OFIjk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/pMY0M/btrTsnIy8Vo/kb32TbNJf3GTCtwx4OFIjk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpMY0M%2FbtrTsnIy8Vo%2Fkb32TbNJf3GTCtwx4OFIjk%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;247&quot; height=&quot;203&quot; data-origin-width=&quot;247&quot; data-origin-height=&quot;203&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;27. 복사된 원의 크기와 위치를 변경해주고, 색상도 solid 로 바꾼다.&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/2I2iT/btrTtGgCA10/O9Vdhj5Gc6C3CRTIzXxoy0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/2I2iT/btrTtGgCA10/O9Vdhj5Gc6C3CRTIzXxoy0/img.png&quot; data-origin-width=&quot;673&quot; data-origin-height=&quot;471&quot; data-is-animation=&quot;false&quot; style=&quot;width: 59.9289%; margin-right: 10px;&quot; data-widthpercent=&quot;60.63&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/2I2iT/btrTtGgCA10/O9Vdhj5Gc6C3CRTIzXxoy0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2I2iT%2FbtrTtGgCA10%2FO9Vdhj5Gc6C3CRTIzXxoy0%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;673&quot; height=&quot;471&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/k1SJG/btrTwANanWU/P0MmrZkmgoVaN0kFB8eCxk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/k1SJG/btrTwANanWU/P0MmrZkmgoVaN0kFB8eCxk/img.png&quot; data-origin-width=&quot;449&quot; data-origin-height=&quot;484&quot; data-is-animation=&quot;false&quot; style=&quot;width: 38.9084%;&quot; data-widthpercent=&quot;39.37&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/k1SJG/btrTwANanWU/P0MmrZkmgoVaN0kFB8eCxk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fk1SJG%2FbtrTwANanWU%2FP0MmrZkmgoVaN0kFB8eCxk%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;449&quot; height=&quot;484&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;28. 레이어 블러 값도 60으로 변경한다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;580&quot; data-origin-height=&quot;264&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bZdKtg/btrTtFBXbfg/pthPktBxjrTUQJo21JD851/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bZdKtg/btrTtFBXbfg/pthPktBxjrTUQJo21JD851/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bZdKtg/btrTtFBXbfg/pthPktBxjrTUQJo21JD851/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbZdKtg%2FbtrTtFBXbfg%2FpthPktBxjrTUQJo21JD851%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;580&quot; height=&quot;264&quot; data-origin-width=&quot;580&quot; data-origin-height=&quot;264&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;29. 복사한 원을 한번 더 복사해서 아래처럼 세번째 원의 y 좌표와 색상을 바꾼다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;483&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/uIhwN/btrTtAOg0Ov/dOQ8ktrdkqe5T6h0MxYKhk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uIhwN/btrTtAOg0Ov/dOQ8ktrdkqe5T6h0MxYKhk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uIhwN/btrTtAOg0Ov/dOQ8ktrdkqe5T6h0MxYKhk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuIhwN%2FbtrTtAOg0Ov%2FdOQ8ktrdkqe5T6h0MxYKhk%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;1000&quot; height=&quot;483&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;483&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;30. 복사한 세번째 원을 클릭하고, 엔터키를 누르면 점으로 편집을 할 수 있다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;원의 중앙 상단의 점을 클릭하고 Y를 -7로 변경&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;색상 E0D9FF, 100%로 변경&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;레이어 블러 10 으로 변경&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/7cb0m/btrTvXhpf2k/NKKm9SYdnwxkV5y3wbRLHk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/7cb0m/btrTvXhpf2k/NKKm9SYdnwxkV5y3wbRLHk/img.png&quot; data-origin-width=&quot;534&quot; data-origin-height=&quot;300&quot; data-is-animation=&quot;false&quot; style=&quot;width: 57.8287%; margin-right: 10px;&quot; data-widthpercent=&quot;58.51&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/7cb0m/btrTvXhpf2k/NKKm9SYdnwxkV5y3wbRLHk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7cb0m%2FbtrTvXhpf2k%2FNKKm9SYdnwxkV5y3wbRLHk%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;534&quot; height=&quot;300&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dHSwAW/btrTqgQzzvx/JjmrOZmmtKb0aQ45LQSFr0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dHSwAW/btrTqgQzzvx/JjmrOZmmtKb0aQ45LQSFr0/img.png&quot; data-origin-width=&quot;669&quot; data-origin-height=&quot;530&quot; data-is-animation=&quot;false&quot; style=&quot;width: 41.0085%;&quot; data-widthpercent=&quot;41.49&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dHSwAW/btrTqgQzzvx/JjmrOZmmtKb0aQ45LQSFr0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdHSwAW%2FbtrTqgQzzvx%2FJjmrOZmmtKb0aQ45LQSFr0%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;669&quot; height=&quot;530&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;712&quot; data-origin-height=&quot;288&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b0re8r/btrTmYCNmzC/6vfJdGNI9gWvpBaqa7rnr1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b0re8r/btrTmYCNmzC/6vfJdGNI9gWvpBaqa7rnr1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b0re8r/btrTmYCNmzC/6vfJdGNI9gWvpBaqa7rnr1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb0re8r%2FbtrTmYCNmzC%2F6vfJdGNI9gWvpBaqa7rnr1%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;712&quot; height=&quot;288&quot; data-origin-width=&quot;712&quot; data-origin-height=&quot;288&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;680&quot; data-origin-height=&quot;159&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cQgQs0/btrTuzBexOa/Zp8OIPDvxQ1FPL7mgN2KwK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cQgQs0/btrTuzBexOa/Zp8OIPDvxQ1FPL7mgN2KwK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cQgQs0/btrTuzBexOa/Zp8OIPDvxQ1FPL7mgN2KwK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcQgQs0%2FbtrTuzBexOa%2FZp8OIPDvxQ1FPL7mgN2KwK%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;680&quot; height=&quot;159&quot; data-origin-width=&quot;680&quot; data-origin-height=&quot;159&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;31. 모달 누르고 Clip Content 체크 해제 되어 있는 부분 체크 표시로 바꿔주기&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1010&quot; data-origin-height=&quot;473&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dmeOoC/btrTtjTue2e/80XKnpZYixXxlrCgPFUGe1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dmeOoC/btrTtjTue2e/80XKnpZYixXxlrCgPFUGe1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dmeOoC/btrTtjTue2e/80XKnpZYixXxlrCgPFUGe1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdmeOoC%2FbtrTtjTue2e%2F80XKnpZYixXxlrCgPFUGe1%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;1010&quot; height=&quot;473&quot; data-origin-width=&quot;1010&quot; data-origin-height=&quot;473&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;32. 분할된 컨트롤 만들기위해 A 누르고 모달의 상단쪽에 드래그&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;390x49 로 변경&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;743&quot; data-origin-height=&quot;451&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bRJnib/btrTqfYrCQj/Qh2euanpMUSMX1UApHoZfK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bRJnib/btrTqfYrCQj/Qh2euanpMUSMX1UApHoZfK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bRJnib/btrTqfYrCQj/Qh2euanpMUSMX1UApHoZfK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbRJnib%2FbtrTqfYrCQj%2FQh2euanpMUSMX1UApHoZfK%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;743&quot; height=&quot;451&quot; data-origin-width=&quot;743&quot; data-origin-height=&quot;451&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;946&quot; data-origin-height=&quot;572&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c2GcwG/btrTqfjOGjW/kRVlBE0hgWJmOS7zXzyZN0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c2GcwG/btrTqfjOGjW/kRVlBE0hgWJmOS7zXzyZN0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c2GcwG/btrTqfjOGjW/kRVlBE0hgWJmOS7zXzyZN0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc2GcwG%2FbtrTqfjOGjW%2FkRVlBE0hgWJmOS7zXzyZN0%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;946&quot; height=&quot;572&quot; data-origin-width=&quot;946&quot; data-origin-height=&quot;572&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;33. 인디케이터 사각형 생성 후 크기 변경&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;색상은 검은색, 30%&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;679&quot; data-origin-height=&quot;444&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/empoFi/btrTti76vxc/nzjb16eba6JSkEwsK6N5rk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/empoFi/btrTti76vxc/nzjb16eba6JSkEwsK6N5rk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/empoFi/btrTti76vxc/nzjb16eba6JSkEwsK6N5rk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FempoFi%2FbtrTti76vxc%2Fnzjb16eba6JSkEwsK6N5rk%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;679&quot; height=&quot;444&quot; data-origin-width=&quot;679&quot; data-origin-height=&quot;444&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;402&quot; data-origin-height=&quot;421&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/y9e50/btrToCM3goF/N3skt34bHPupOZTG3SAYkK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/y9e50/btrToCM3goF/N3skt34bHPupOZTG3SAYkK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/y9e50/btrToCM3goF/N3skt34bHPupOZTG3SAYkK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fy9e50%2FbtrToCM3goF%2FN3skt34bHPupOZTG3SAYkK%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;402&quot; height=&quot;421&quot; data-origin-width=&quot;402&quot; data-origin-height=&quot;421&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;34. L 누르고 직선 생성, 중심에서 정렬, 390 으로 변경, 색상 white, 50%, 오버레이 추가&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/bydblQ/btrTtBl7vfA/yp6uHrUKwx66Z88SS8fqH1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bydblQ/btrTtBl7vfA/yp6uHrUKwx66Z88SS8fqH1/img.png&quot; data-origin-width=&quot;426&quot; data-origin-height=&quot;190&quot; data-is-animation=&quot;false&quot; data-widthpercent=&quot;49.97&quot; style=&quot;width: 49.3852%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bydblQ/btrTtBl7vfA/yp6uHrUKwx66Z88SS8fqH1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbydblQ%2FbtrTtBl7vfA%2Fyp6uHrUKwx66Z88SS8fqH1%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;426&quot; height=&quot;190&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/PQSOa/btrTtXbnETy/GRQUHut7FGatVZbJiFPJ2K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/PQSOa/btrTtXbnETy/GRQUHut7FGatVZbJiFPJ2K/img.png&quot; data-origin-width=&quot;577&quot; data-origin-height=&quot;257&quot; data-is-animation=&quot;false&quot; style=&quot;width: 49.452%;&quot; data-widthpercent=&quot;50.03&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/PQSOa/btrTtXbnETy/GRQUHut7FGatVZbJiFPJ2K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPQSOa%2FbtrTtXbnETy%2FGRQUHut7FGatVZbJiFPJ2K%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;577&quot; height=&quot;257&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;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;35. Effect &amp;gt; Drop shadow 아래처럼 값 넣고 &amp;gt; 오버레이 추가&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;362&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgAOOI/btrTvkRmAH2/BFXo2qCYKB1mEiDt03b8o0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgAOOI/btrTvkRmAH2/BFXo2qCYKB1mEiDt03b8o0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgAOOI/btrTvkRmAH2/BFXo2qCYKB1mEiDt03b8o0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgAOOI%2FbtrTvkRmAH2%2FBFXo2qCYKB1mEiDt03b8o0%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;500&quot; height=&quot;362&quot; data-origin-width=&quot;500&quot; data-origin-height=&quot;362&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;36. 프레임 선택 후 클립 콘텐츠 해제&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;947&quot; data-origin-height=&quot;278&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/q7OVU/btrTtXPZjYf/J1TMkUp4T8V6ZLz0FH1orK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/q7OVU/btrTtXPZjYf/J1TMkUp4T8V6ZLz0FH1orK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/q7OVU/btrTtXPZjYf/J1TMkUp4T8V6ZLz0FH1orK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fq7OVU%2FbtrTtXPZjYf%2FJ1TMkUp4T8V6ZLz0FH1orK%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;947&quot; height=&quot;278&quot; data-origin-width=&quot;947&quot; data-origin-height=&quot;278&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;37. Line 1을 Indicator 로 이름 변경&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;746&quot; data-origin-height=&quot;400&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bFsqPe/btrTu3Ws8wQ/ZY7TAUbu0Ha6CvDyuwFjR1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bFsqPe/btrTu3Ws8wQ/ZY7TAUbu0Ha6CvDyuwFjR1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bFsqPe/btrTu3Ws8wQ/ZY7TAUbu0Ha6CvDyuwFjR1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbFsqPe%2FbtrTu3Ws8wQ%2FZY7TAUbu0Ha6CvDyuwFjR1%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;746&quot; height=&quot;400&quot; data-origin-width=&quot;746&quot; data-origin-height=&quot;400&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;11:33 까지 필기 완료!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;필기하며 하니까 10분 분량 따라가는데 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;&amp;nbsp;&lt;/p&gt;</description>
      <category>iOS/Figma</category>
      <category>figma</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/210</guid>
      <comments>https://ceodanbi.tistory.com/210#entry210comment</comments>
      <pubDate>Mon, 12 Dec 2022 22:53:04 +0900</pubDate>
    </item>
    <item>
      <title>[iOS 앱개발] Storyboad Segue</title>
      <link>https://ceodanbi.tistory.com/209</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;Storyboad&amp;nbsp;Segue&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;컨트롤러 끼리 연결 되어 있는 선이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;prepare(for:) 메소드가 사용된다. 다음 네비게이션 화면을 위해 사전 준비를 하라는 의미이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-12-08 오후 12.15.06.png&quot; data-origin-width=&quot;992&quot; data-origin-height=&quot;528&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bDjepw/btrS8wxUM5B/1ipBDxDk9pX9nYX92SEqbk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bDjepw/btrS8wxUM5B/1ipBDxDk9pX9nYX92SEqbk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bDjepw/btrS8wxUM5B/1ipBDxDk9pX9nYX92SEqbk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbDjepw%2FbtrS8wxUM5B%2F1ipBDxDk9pX9nYX92SEqbk%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;992&quot; height=&quot;528&quot; data-filename=&quot;스크린샷 2022-12-08 오후 12.15.06.png&quot; data-origin-width=&quot;992&quot; data-origin-height=&quot;528&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;b&gt;[애플 공식 문서]&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://developer.apple.com/library/archive/navigation/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.apple.com/library/archive/navigation/&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1670469391362&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;Documentation Archive&quot; data-og-description=&quot;&quot; data-og-host=&quot;developer.apple.com&quot; data-og-source-url=&quot;https://developer.apple.com/library/archive/navigation/&quot; data-og-url=&quot;https://developer.apple.com/library/archive/navigation/&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://developer.apple.com/library/archive/navigation/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://developer.apple.com/library/archive/navigation/&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;Documentation Archive&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;developer.apple.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1670469432116&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;Apple Developer Documentation&quot; data-og-description=&quot;&quot; data-og-host=&quot;developer.apple.com&quot; data-og-source-url=&quot;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&quot; data-og-url=&quot;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://developer.apple.com/documentation/uikit/uistoryboardsegue/&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;Apple Developer Documentation&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;developer.apple.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1670469291016&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;View Controller Programming Guide for iOS: Using Segues&quot; data-og-description=&quot;View Controller Programming Guide for iOS&quot; data-og-host=&quot;developer.apple.com&quot; data-og-source-url=&quot;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&quot; data-og-url=&quot;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/qroQ5/hyQO7f0Tem/un4nMbAkGOF2I1mCk3fVzk/img.png?width=1313&amp;amp;height=706&amp;amp;face=0_0_1313_706,https://scrap.kakaocdn.net/dn/WAOtk/hyQPiIBmDX/u7ezjlONLDHvRJG4soGbY1/img.png?width=980&amp;amp;height=531&amp;amp;face=0_0_980_531,https://scrap.kakaocdn.net/dn/fS3uV/hyQO8ssF85/XwHKQ2Gz40s0EIKPcJrxdk/img.png?width=1030&amp;amp;height=477&amp;amp;face=0_0_1030_477&quot;&gt;&lt;a href=&quot;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/UsingSegues.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/qroQ5/hyQO7f0Tem/un4nMbAkGOF2I1mCk3fVzk/img.png?width=1313&amp;amp;height=706&amp;amp;face=0_0_1313_706,https://scrap.kakaocdn.net/dn/WAOtk/hyQPiIBmDX/u7ezjlONLDHvRJG4soGbY1/img.png?width=980&amp;amp;height=531&amp;amp;face=0_0_980_531,https://scrap.kakaocdn.net/dn/fS3uV/hyQO8ssF85/XwHKQ2Gz40s0EIKPcJrxdk/img.png?width=1030&amp;amp;height=477&amp;amp;face=0_0_1030_477');&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;View Controller Programming Guide for iOS: Using Segues&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;View Controller Programming Guide for iOS&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;developer.apple.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;</description>
      <category>iOS</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/209</guid>
      <comments>https://ceodanbi.tistory.com/209#entry209comment</comments>
      <pubDate>Thu, 8 Dec 2022 12:17:23 +0900</pubDate>
    </item>
    <item>
      <title>[iOS 앱개발] Modal</title>
      <link>https://ceodanbi.tistory.com/208</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;iOS 에서 Modal 사용&lt;/h2&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;iOS 에서는 화면 아래에서 올라오는게 가장 기본적이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면을 꽉 채우기도 하고, alert 처럼 뜨기도 하고, 화면 일부만 가리게 할 수 있다.&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;u&gt;&lt;b&gt;휴먼 인터페이스 가이드라인 문서&lt;/b&gt;&lt;/u&gt;를 보면 &lt;u&gt;&lt;b&gt;모달 사용을 최소화&lt;/b&gt;&lt;/u&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;b&gt;[휴먼 인터페이스 가이드 라인 문서 바로가기]&lt;/b&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;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1670469123946&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;Human Interface Guidelines - Human Interface Guidelines - Design - Apple Developer&quot; data-og-description=&quot;&quot; data-og-host=&quot;developer.apple.com&quot; data-og-source-url=&quot;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&quot; data-og-url=&quot;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/szJUe/hyQPdHiy2e/cbKIjVg1Yxlwnznie1mff0/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/FeULS/hyQPihxWwO/naGFqCPYoKRdcJHKgzSSpK/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/iThy6/hyQPjtZd6p/cpMTVwNGE7Rk4hqGgYy8Dk/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864&quot;&gt;&lt;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/szJUe/hyQPdHiy2e/cbKIjVg1Yxlwnznie1mff0/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/FeULS/hyQPihxWwO/naGFqCPYoKRdcJHKgzSSpK/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/iThy6/hyQPjtZd6p/cpMTVwNGE7Rk4hqGgYy8Dk/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864');&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;Human Interface Guidelines - Human Interface Guidelines - Design - Apple Developer&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;developer.apple.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;
&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>iOS</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/208</guid>
      <comments>https://ceodanbi.tistory.com/208#entry208comment</comments>
      <pubDate>Thu, 8 Dec 2022 12:12:24 +0900</pubDate>
    </item>
    <item>
      <title>[iOS 앱개발] 네비게이션 인터페이스</title>
      <link>https://ceodanbi.tistory.com/207</link>
      <description>&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;UINavigationController는&amp;nbsp;UIViewControllder를 상속받은 클래스이다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;View 단위로 화면을 움직이게 하는것&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;관리하는 View 컨트롤러를 최소한 하나는 가지고 있어야한다.&amp;nbsp;이를 루트 뷰 컨트롤러 라고 한다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;세그를 통해서 다음 뷰가 어디일지를 정한다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;사용자 입장에서는 네비게이션 바를 사용하는것이 편하다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;edited_스크린샷 2022-12-08 오후 12.03.28.png&quot; data-origin-width=&quot;392&quot; data-origin-height=&quot;105&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ccabJV/btrS5OffNpC/3nzkU3V7VGe0RdKgxmKFxK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ccabJV/btrS5OffNpC/3nzkU3V7VGe0RdKgxmKFxK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ccabJV/btrS5OffNpC/3nzkU3V7VGe0RdKgxmKFxK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FccabJV%2FbtrS5OffNpC%2F3nzkU3V7VGe0RdKgxmKFxK%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;392&quot; height=&quot;105&quot; data-filename=&quot;edited_스크린샷 2022-12-08 오후 12.03.28.png&quot; data-origin-width=&quot;392&quot; data-origin-height=&quot;105&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;네비게이션 인터페이스는 가장 기본적인 부분이라 잘 알고 있어야한다.&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;[네비게이션 관련 애플 공식 문서]&lt;/b&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot; data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1670469168345&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;Tab bars - Navigation and search - Components - Human Interface Guidelines - Design - Apple Developer&quot; data-og-description=&quot;Tab bars Tab bars use bar items to navigate between mutually exclusive panes of content in the same view. Tab bars help people understand the different types of information or functionality that a view provides. They also let people quickly switch between &quot; data-og-host=&quot;developer.apple.com&quot; data-og-source-url=&quot;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&quot; data-og-url=&quot;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/f6lny/hyQPhQuXos/6xzvV2DxJSYrjgIMGDMTO0/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/bB9Q7n/hyQPgKNIQn/9Cn00iKHq0pO4TMc4sBi0k/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/bMqJj0/hyQPfrAnCG/PoNLuoKZmkJfD0ja0f0Clk/img.png?width=1242&amp;amp;height=576&amp;amp;face=0_0_1242_576&quot;&gt;&lt;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://developer.apple.com/design/human-interface-guidelines/components/navigation-and-search/tab-bars/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/f6lny/hyQPhQuXos/6xzvV2DxJSYrjgIMGDMTO0/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/bB9Q7n/hyQPgKNIQn/9Cn00iKHq0pO4TMc4sBi0k/img.png?width=1536&amp;amp;height=864&amp;amp;face=0_0_1536_864,https://scrap.kakaocdn.net/dn/bMqJj0/hyQPfrAnCG/PoNLuoKZmkJfD0ja0f0Clk/img.png?width=1242&amp;amp;height=576&amp;amp;face=0_0_1242_576');&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;Tab bars - Navigation and search - Components - Human Interface Guidelines - Design - Apple Developer&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Tab bars Tab bars use bar items to navigate between mutually exclusive panes of content in the same view. Tab bars help people understand the different types of information or functionality that a view provides. They also let people quickly switch between&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;developer.apple.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;
&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>iOS</category>
      <author>단비_danbee</author>
      <guid isPermaLink="true">https://ceodanbi.tistory.com/207</guid>
      <comments>https://ceodanbi.tistory.com/207#entry207comment</comments>
      <pubDate>Thu, 8 Dec 2022 12:06:14 +0900</pubDate>
    </item>
  </channel>
</rss>