<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>밀 종합 ٩(`╹&amp;omega;╹&amp;acute;)و</title>
    <link>https://mill-study.tistory.com/</link>
    <description>오늘의 나는 기억해도, 미래의 나는 까먹는다!!! 알기 쉽게 기록하자~ ٩( ᐛ )و
mill이 공부하는 것을 HTML&amp;amp;CSS / Interaction / 접근성 등으로  나누어 공부한 것을 블로그에 정리하고 있습니다.
이 블로그는 &amp;quot;분리 전&amp;quot;인 종합 입니다.</description>
    <language>ko</language>
    <pubDate>Wed, 22 Jul 2026 01:12:49 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>millfeel1298</managingEditor>
    <image>
      <title>밀 종합 ٩(`╹&amp;omega;╹&amp;acute;)و</title>
      <url>https://tistory1.daumcdn.net/tistory/4424352/attach/255e5cc16fdc4826b8d93011419e1cfc</url>
      <link>https://mill-study.tistory.com</link>
    </image>
    <item>
      <title>[크롬] 기기툴바 전환의 미디어쿼리</title>
      <link>https://mill-study.tistory.com/496</link>
      <description>&lt;h3 data-ke-size=&quot;size23&quot;&gt;# 크롬 기기툴바 전환의 미디어쿼리&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- CSS에 @media 설정을 하지 않아도 크롬에서 기본적으로 max-width: 395px이 설정 돼 있다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;387&quot; data-origin-height=&quot;106&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/nD0FJ/btrzI2qDmAh/1creu8vAaoCt8sa0UZC810/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/nD0FJ/btrzI2qDmAh/1creu8vAaoCt8sa0UZC810/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nD0FJ/btrzI2qDmAh/1creu8vAaoCt8sa0UZC810/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnD0FJ%2FbtrzI2qDmAh%2F1creu8vAaoCt8sa0UZC810%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;387&quot; height=&quot;106&quot; data-origin-width=&quot;387&quot; data-origin-height=&quot;106&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;468&quot; data-origin-height=&quot;769&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/diGLHx/btrzI2YtfTa/Ix23msmbUN2oH2KkT0qBk1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/diGLHx/btrzI2YtfTa/Ix23msmbUN2oH2KkT0qBk1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/diGLHx/btrzI2YtfTa/Ix23msmbUN2oH2KkT0qBk1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdiGLHx%2FbtrzI2YtfTa%2FIx23msmbUN2oH2KkT0qBk1%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;468&quot; height=&quot;769&quot; data-origin-width=&quot;468&quot; data-origin-height=&quot;769&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Q. 미디어쿼리를 나타내는 파랑, 초록, 주황색 막대는 무엇인가요?&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1174&quot; data-origin-height=&quot;125&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/q026U/btrzMaVh2eD/WKmXQ3qi8a5I7MkXcC4r8K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/q026U/btrzMaVh2eD/WKmXQ3qi8a5I7MkXcC4r8K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/q026U/btrzMaVh2eD/WKmXQ3qi8a5I7MkXcC4r8K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fq026U%2FbtrzMaVh2eD%2FWKmXQ3qi8a5I7MkXcC4r8K%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;1174&quot; height=&quot;125&quot; data-origin-width=&quot;1174&quot; data-origin-height=&quot;125&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;gt; 파랑: max-width를 나타낸다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;547&quot; data-origin-height=&quot;73&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cSHjkI/btrzKs3rHbW/cuYMWO4hCh0ZTun74Ref40/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cSHjkI/btrzKs3rHbW/cuYMWO4hCh0ZTun74Ref40/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cSHjkI/btrzKs3rHbW/cuYMWO4hCh0ZTun74Ref40/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcSHjkI%2FbtrzKs3rHbW%2FcuYMWO4hCh0ZTun74Ref40%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;547&quot; height=&quot;73&quot; data-origin-width=&quot;547&quot; data-origin-height=&quot;73&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;gt; 초록: min-width ~ max-width를 나타낸다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;494&quot; data-origin-height=&quot;84&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/NdONk/btrzKa9Lb8D/oI0LBY3YeQ2jjScHOegea1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/NdONk/btrzKa9Lb8D/oI0LBY3YeQ2jjScHOegea1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NdONk/btrzKa9Lb8D/oI0LBY3YeQ2jjScHOegea1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNdONk%2FbtrzKa9Lb8D%2FoI0LBY3YeQ2jjScHOegea1%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;494&quot; height=&quot;84&quot; data-origin-width=&quot;494&quot; data-origin-height=&quot;84&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;gt; 주황: max-width를 나타낸다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;206&quot; data-origin-height=&quot;72&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yEjkP/btrzNBLCWp1/UtIIr1hsZrmB7rxRHTGwGK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yEjkP/btrzNBLCWp1/UtIIr1hsZrmB7rxRHTGwGK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yEjkP/btrzNBLCWp1/UtIIr1hsZrmB7rxRHTGwGK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyEjkP%2FbtrzNBLCWp1%2FUtIIr1hsZrmB7rxRHTGwGK%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;206&quot; height=&quot;72&quot; data-origin-width=&quot;206&quot; data-origin-height=&quot;72&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Q. min-height, max-height는 막대기로 표시 안되나요?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;-  테스트 했을 때 안됐습니다. 공식 문서를 참조하질 않아서 정확하진 않네요.&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/크롬</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/496</guid>
      <comments>https://mill-study.tistory.com/496#entry496comment</comments>
      <pubDate>Tue, 19 Apr 2022 09:00:51 +0900</pubDate>
    </item>
    <item>
      <title>[용어] API</title>
      <link>https://mill-study.tistory.com/491</link>
      <description>&lt;p&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/ckSdPNKM2pY&quot; width=&quot;560&quot; height=&quot;315&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</description>
      <category>이론/용어</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/491</guid>
      <comments>https://mill-study.tistory.com/491#entry491comment</comments>
      <pubDate>Sat, 16 Apr 2022 18:23:29 +0900</pubDate>
    </item>
    <item>
      <title>[파일질라] Q. 폴더를 삭제했는데도 폴더가 남아있어요.</title>
      <link>https://mill-study.tistory.com/488</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1098&quot; data-origin-height=&quot;396&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bhcyh4/btruNWO7zRi/hhjo1SS7sMkr0r8xCAUne1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bhcyh4/btruNWO7zRi/hhjo1SS7sMkr0r8xCAUne1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bhcyh4/btruNWO7zRi/hhjo1SS7sMkr0r8xCAUne1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbhcyh4%2FbtruNWO7zRi%2Fhhjo1SS7sMkr0r8xCAUne1%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;1098&quot; height=&quot;396&quot; data-origin-width=&quot;1098&quot; data-origin-height=&quot;396&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;상단바 &amp;gt; 서버 &amp;gt; 숨김 파일 강제 표시 체크&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/488</guid>
      <comments>https://mill-study.tistory.com/488#entry488comment</comments>
      <pubDate>Wed, 2 Mar 2022 14:53:16 +0900</pubDate>
    </item>
    <item>
      <title>[UI] Q. '확인-취소 vs 취소-확인' 왜 뒤죽박죽일까?</title>
      <link>https://mill-study.tistory.com/480</link>
      <description>&lt;p&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/xwVL2vK55fQ&quot; width=&quot;560&quot; height=&quot;315&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</description>
      <category>UI</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/480</guid>
      <comments>https://mill-study.tistory.com/480#entry480comment</comments>
      <pubDate>Wed, 23 Feb 2022 14:30:14 +0900</pubDate>
    </item>
    <item>
      <title>[터미널] Q. 옵션의 -, --의 차이는?</title>
      <link>https://mill-study.tistory.com/477</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1570&quot; data-origin-height=&quot;596&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bf3KtM/btrsnJSKidE/efpp0zwMc4ybbgpskSmgsk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bf3KtM/btrsnJSKidE/efpp0zwMc4ybbgpskSmgsk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bf3KtM/btrsnJSKidE/efpp0zwMc4ybbgpskSmgsk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbf3KtM%2FbtrsnJSKidE%2Fefpp0zwMc4ybbgpskSmgsk%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;1570&quot; height=&quot;596&quot; data-origin-width=&quot;1570&quot; data-origin-height=&quot;596&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;-&quot; : short option style&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;--&quot; : long option style&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;예전에는&lt;/span&gt; -&lt;span&gt;나&lt;/span&gt; --&lt;span&gt;없이&lt;/span&gt; &lt;span&gt;그냥&lt;/span&gt; &lt;span&gt;문자나&lt;/span&gt; command&lt;span&gt;를&lt;/span&gt; &lt;span&gt;쓰기도&lt;/span&gt; &lt;span&gt;했었다&lt;/span&gt;. (old option style)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*경우에&lt;span&gt; &lt;/span&gt;따라서&lt;span&gt;&amp;nbsp;&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;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;http://www.gnu.org/software/tar/manual/html_section/Styles.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;http://www.gnu.org/software/tar/manual/html_section/Styles.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1644027627620&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;GNU tar 1.34: 3.3 The Three Option Styles&quot; data-og-description=&quot;3.3 The Three Option Styles There are three styles for writing operations and options to the command line invoking tar. The different styles were developed at different times during the history of tar. These styles will be presented below, from the most re&quot; data-og-host=&quot;www.gnu.org&quot; data-og-source-url=&quot;http://www.gnu.org/software/tar/manual/html_section/Styles.html&quot; data-og-url=&quot;http://www.gnu.org/software/tar/manual/html_section/Styles.html&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;http://www.gnu.org/software/tar/manual/html_section/Styles.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://www.gnu.org/software/tar/manual/html_section/Styles.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;GNU tar 1.34: 3.3 The Three Option Styles&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;3.3 The Three Option Styles There are three styles for writing operations and options to the command line invoking tar. The different styles were developed at different times during the history of tar. These styles will be presented below, from the most re&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;www.gnu.org&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/터미널</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/477</guid>
      <comments>https://mill-study.tistory.com/477#entry477comment</comments>
      <pubDate>Sat, 5 Feb 2022 11:22:37 +0900</pubDate>
    </item>
    <item>
      <title>[터미널] brew, yarn</title>
      <link>https://mill-study.tistory.com/474</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;# brew&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*플레이 스토어와 비슷한 개념&lt;/p&gt;
&lt;p&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/sXEypJ1aODw&quot; width=&quot;560&quot; height=&quot;315&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;# yarn&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;*패키지 매니저&lt;/p&gt;
&lt;p&gt;&lt;iframe src=&quot;https://www.youtube.com/embed/7g21TUOkSLM&quot; width=&quot;560&quot; height=&quot;315&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;* node가 설치 돼 있어야 한다. (node를 설치하면 자동으로 npm도 설치된다.)&lt;/p&gt;
&lt;pre id=&quot;code_1643675856504&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;brew install yarn --ignore-dependencies&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이미 위에서&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;i&gt;node를 설치하였으므로 node는 빼고&lt;/i&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;설치를 해주어야 한다. 그래서&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;--ignore-dependecies&lt;/b&gt;라는 옵션을 사용한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;(brew install yarn --without-node 예전엔 이 명령어를 썼지만 더 이상 지원하지 않는다.)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;설치가 완료되면 버전 확인을 해보자.&lt;/p&gt;
&lt;pre id=&quot;code_1643675877463&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn -v&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;버전이 제대로 뜬다면 설치가 성공적으로 완료된 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://butter-ring.tistory.com/17&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://butter-ring.tistory.com/17&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1643675895364&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;Mac 에서 Homebrew 를 통해 node, npm, yarn 설치하기&quot; data-og-description=&quot;프로젝트를 정리하기 위해 맥북에 개발환경 설정을 하다가 나중에 사용하기 위해 설치 방법을 정리. Homebrew 설치 맥에서 개발환경 세팅을 할 때 가장 먼저 설치해야 할 패키지 관리 프로그램이&quot; data-og-host=&quot;butter-ring.tistory.com&quot; data-og-source-url=&quot;https://butter-ring.tistory.com/17&quot; data-og-url=&quot;https://butter-ring.tistory.com/17&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/4pWvk/hyNglPEbuw/hocT1KyJmKs9H35EM1SEkk/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/I7iyn/hyNgb0APb7/gwMRBqQJoV0NgggCGlb6O0/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/nW19b/hyNgiSWDqp/duc9rAcKGa3APt184xzhI1/img.jpg?width=480&amp;amp;height=349&amp;amp;face=128_68_316_273&quot;&gt;&lt;a href=&quot;https://butter-ring.tistory.com/17&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://butter-ring.tistory.com/17&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/4pWvk/hyNglPEbuw/hocT1KyJmKs9H35EM1SEkk/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/I7iyn/hyNgb0APb7/gwMRBqQJoV0NgggCGlb6O0/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/nW19b/hyNgiSWDqp/duc9rAcKGa3APt184xzhI1/img.jpg?width=480&amp;amp;height=349&amp;amp;face=128_68_316_273');&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;Mac 에서 Homebrew 를 통해 node, npm, yarn 설치하기&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;프로젝트를 정리하기 위해 맥북에 개발환경 설정을 하다가 나중에 사용하기 위해 설치 방법을 정리. Homebrew 설치 맥에서 개발환경 세팅을 할 때 가장 먼저 설치해야 할 패키지 관리 프로그램이&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;butter-ring.tistory.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;h3 data-ke-size=&quot;size23&quot;&gt;- yarn 초기화 11:08&lt;/h3&gt;
&lt;pre id=&quot;code_1643676184110&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn init&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;-yarn을 통해 jQuery 설치하기 14:30&lt;/h3&gt;
&lt;pre id=&quot;code_1643676981301&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn add jquery //최신 버전으로 설치
yarn add jquery@2.2.4 //버전을 선택해서 설치&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;[주의] &lt;/b&gt;&lt;b&gt;jQuery와 jquery로 설치한 것에는 차이가 있다.&lt;/b&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1643677110015&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn add jQuery&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;878&quot; data-origin-height=&quot;199&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sW3AR/btrshAffN59/gSS7qunACHIIANqj1NZYqK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sW3AR/btrshAffN59/gSS7qunACHIIANqj1NZYqK/img.png&quot; data-alt=&quot;min, map 등 파일이 없다.&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sW3AR/btrshAffN59/gSS7qunACHIIANqj1NZYqK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsW3AR%2FbtrshAffN59%2FgSS7qunACHIIANqj1NZYqK%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;878&quot; height=&quot;199&quot; data-origin-width=&quot;878&quot; data-origin-height=&quot;199&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;min, map 등 파일이 없다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1643677403380&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn add jquery&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;934&quot; data-origin-height=&quot;184&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lI0uY/btrr5VyJNno/L2zq7ItOWVfEGJqLOOBvEK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lI0uY/btrr5VyJNno/L2zq7ItOWVfEGJqLOOBvEK/img.png&quot; data-alt=&quot;모든 파일들을 가지고 있다.&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lI0uY/btrr5VyJNno/L2zq7ItOWVfEGJqLOOBvEK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlI0uY%2Fbtrr5VyJNno%2FL2zq7ItOWVfEGJqLOOBvEK%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;934&quot; height=&quot;184&quot; data-origin-width=&quot;934&quot; data-origin-height=&quot;184&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;모든 파일들을 가지고 있다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;제이쿼리를 설치할 때 &lt;span style=&quot;color: #ee2323;&quot;&gt;&lt;b&gt;&quot;jquery&quot;를 사용해서 설치해야 한다.&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;- package.json을 제외한 모든 파일을 삭제했을 경우 16:25&lt;/h3&gt;
&lt;pre id=&quot;code_1643679123814&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;yarn&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위와 같이 입력하면 다시 생성된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;즉, package.json 파일 하나만 관리를 잘하면 된다!&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/터미널</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/474</guid>
      <comments>https://mill-study.tistory.com/474#entry474comment</comments>
      <pubDate>Tue, 1 Feb 2022 09:14:14 +0900</pubDate>
    </item>
    <item>
      <title>[VSCode] 더블 클릭으로 -(대시)까지 선택가능하게 하는 방법</title>
      <link>https://mill-study.tistory.com/473</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;1. 커멘드 + ,&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2. 설정 검색창에 &quot;wordSeparators&quot;라고 입력한다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-01-25 13.42.50.png&quot; data-origin-width=&quot;2170&quot; data-origin-height=&quot;712&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cUIm5p/btrrETm0py1/HS4kk54msX8f3NvARU0IM1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cUIm5p/btrrETm0py1/HS4kk54msX8f3NvARU0IM1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cUIm5p/btrrETm0py1/HS4kk54msX8f3NvARU0IM1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcUIm5p%2FbtrrETm0py1%2FHS4kk54msX8f3NvARU0IM1%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;2170&quot; height=&quot;712&quot; data-filename=&quot;스크린샷 2022-01-25 13.42.50.png&quot; data-origin-width=&quot;2170&quot; data-origin-height=&quot;712&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;3. Word Separators에서 -(대시)만 삭제한다. -끝-&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2022-01-25 13.44.01.png&quot; data-origin-width=&quot;1204&quot; data-origin-height=&quot;236&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bmwb86/btrrDwltB0z/kgXQuRHYDxzZ1K9IkVb200/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bmwb86/btrrDwltB0z/kgXQuRHYDxzZ1K9IkVb200/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bmwb86/btrrDwltB0z/kgXQuRHYDxzZ1K9IkVb200/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbmwb86%2FbtrrDwltB0z%2FkgXQuRHYDxzZ1K9IkVb200%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;1204&quot; height=&quot;236&quot; data-filename=&quot;스크린샷 2022-01-25 13.44.01.png&quot; data-origin-width=&quot;1204&quot; data-origin-height=&quot;236&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/VSCode</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/473</guid>
      <comments>https://mill-study.tistory.com/473#entry473comment</comments>
      <pubDate>Tue, 25 Jan 2022 13:48:26 +0900</pubDate>
    </item>
    <item>
      <title>[터미널] 이슈: M1 터미널을 끄면 Homebrew 설치한 것이 사라짐</title>
      <link>https://mill-study.tistory.com/470</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;01. 설치&lt;/p&gt;
&lt;pre id=&quot;code_1642911610974&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;$ /bin/bash -c &quot;$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)&quot;&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;02. 환경 변수 추가&lt;/p&gt;
&lt;pre id=&quot;code_1642911644180&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;vi ~/.zshrc&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;03. 키보드 i 누르면 끝 줄에 --INSERT--가 생기면서 수정이 가능해 진다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;792&quot; data-origin-height=&quot;256&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cAcYkL/btrroyxFEYL/MdQ3DFiInIByWmNpCN80Q0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cAcYkL/btrroyxFEYL/MdQ3DFiInIByWmNpCN80Q0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cAcYkL/btrroyxFEYL/MdQ3DFiInIByWmNpCN80Q0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcAcYkL%2FbtrroyxFEYL%2FMdQ3DFiInIByWmNpCN80Q0%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;792&quot; height=&quot;256&quot; data-origin-width=&quot;792&quot; data-origin-height=&quot;256&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;04. 끝 줄에 아래 코드를 추가해 준다.&lt;/p&gt;
&lt;pre id=&quot;code_1642911867519&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;export &quot;PATH=/opt/homebrew/bin:$PATH&quot;&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;05. esc키를 누르고, :wq를 입력한 후 &quot;엔터&quot;를 친다.&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;06. 수정한 사항을 적용한다.&amp;nbsp; -끝-&lt;/p&gt;
&lt;pre id=&quot;code_1642912001475&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;source ~/.zshrc&lt;/code&gt;&lt;/pre&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;[문제를 해결할 수 있게 해준 고마운 블로그]&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://velog.io/@tycode4/M1-Homebrew%EC%84%A4%EC%B9%98&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://velog.io/@tycode4/M1-Homebrew%EC%84%A4%EC%B9%98&lt;/a&gt;&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/터미널</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/470</guid>
      <comments>https://mill-study.tistory.com/470#entry470comment</comments>
      <pubDate>Sun, 23 Jan 2022 13:28:25 +0900</pubDate>
    </item>
    <item>
      <title>[ 터미널] iTerm2 - M1 설치 및 꾸미기</title>
      <link>https://mill-study.tistory.com/469</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;# 기준으로 테마를 설치 함&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://ooeunz.tistory.com/21&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://ooeunz.tistory.com/21&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1642895503727&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;[개발 환경] iTerm2로 터미널 커스텀하기&quot; data-og-description=&quot;이번 포스팅에선 Mac에서 사용하는 터미널을 꾸며보도록 하겠습니다. 사실 오래전에 작성한 글이지만, 꾸준하게 조회수가 있는 포스팅이라 좀 더 상세한 내용과 최근에 추가한 커스텀 항목을 추&quot; data-og-host=&quot;ooeunz.tistory.com&quot; data-og-source-url=&quot;https://ooeunz.tistory.com/21&quot; data-og-url=&quot;https://ooeunz.tistory.com/21&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/btqakh/hyNawxjbg3/0uip7R84eiB9imNjRtXhrk/img.png?width=800&amp;amp;height=507&amp;amp;face=0_0_800_507,https://scrap.kakaocdn.net/dn/dcSY0U/hyNb9gbrxk/OeAxVjmagPU7TEuqmZZlZ0/img.png?width=800&amp;amp;height=507&amp;amp;face=0_0_800_507,https://scrap.kakaocdn.net/dn/ilr4a/hyNb3mJNZG/d785vOZXTU53hNxtPcVXB0/img.png?width=1980&amp;amp;height=1256&amp;amp;face=0_0_1980_1256&quot;&gt;&lt;a href=&quot;https://ooeunz.tistory.com/21&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://ooeunz.tistory.com/21&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/btqakh/hyNawxjbg3/0uip7R84eiB9imNjRtXhrk/img.png?width=800&amp;amp;height=507&amp;amp;face=0_0_800_507,https://scrap.kakaocdn.net/dn/dcSY0U/hyNb9gbrxk/OeAxVjmagPU7TEuqmZZlZ0/img.png?width=800&amp;amp;height=507&amp;amp;face=0_0_800_507,https://scrap.kakaocdn.net/dn/ilr4a/hyNb3mJNZG/d785vOZXTU53hNxtPcVXB0/img.png?width=1980&amp;amp;height=1256&amp;amp;face=0_0_1980_1256');&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;[개발 환경] iTerm2로 터미널 커스텀하기&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;이번 포스팅에선 Mac에서 사용하는 터미널을 꾸며보도록 하겠습니다. 사실 오래전에 작성한 글이지만, 꾸준하게 조회수가 있는 포스팅이라 좀 더 상세한 내용과 최근에 추가한 커스텀 항목을 추&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;ooeunz.tistory.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;h3 data-ke-size=&quot;size23&quot;&gt;#&amp;nbsp; zsh: command not found: brew가 뜨는 경우(터미널을 껏다 키면 homebrew가 없어지는 것 해결)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://www.lainyzine.com/ko/article/how-to-install-homebrew-for-m1-apple-silicon/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.lainyzine.com/ko/article/how-to-install-homebrew-for-m1-apple-silicon/&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;# 컬러 설정&lt;/h3&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;h3 data-ke-size=&quot;size23&quot;&gt;# 테마 설정&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기준대로 한 뒤에 아래 코드까지 입력해야 적용이 된다.&lt;/p&gt;
&lt;pre id=&quot;code_1642899960816&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;source ~/.zshrc&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;# 터미널 이름 삭제&lt;/h3&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;h3 data-ke-size=&quot;size23&quot;&gt;# new line은 설정 하지 말것&lt;/h3&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;h3 data-ke-size=&quot;size23&quot;&gt;# 플러그인 : zsh-syntax-highlighting&lt;/h3&gt;
&lt;pre id=&quot;code_1642903358173&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;source /opt/homebrew/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;마지막 줄에 위와 같이 작성 한 후 아래 코드로 적용하는 듯하다.&lt;/p&gt;
&lt;pre id=&quot;code_1642903439131&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;source ~/.zshrc&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;# 플러그인: 자동 완성 제안&lt;/h3&gt;
&lt;pre id=&quot;code_1642903704479&quot; class=&quot;shell&quot; data-ke-language=&quot;shell&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;source /opt/homebrew/share/zsh-autosuggestions/zsh-autosuggestions.zsh&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://bcp0109.tistory.com/341&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://bcp0109.tistory.com/341&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1642903873961&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;Mac OS 터미널을 이쁘게 꾸며보자 (Iterm2 + Oh My Zsh)&quot; data-og-description=&quot;1. Hack Font 설치 개인적으로 가장 선호하는 폰트입니다. https://sourcefoundry.org/hack/#download 에서 Mac OS Zip 을 다운받고 풀어서 설치하면 됩니다. 2. Iterm2 설치 Iterm2 은 기본 터미널 애플리케이션..&quot; data-og-host=&quot;bcp0109.tistory.com&quot; data-og-source-url=&quot;https://bcp0109.tistory.com/341&quot; data-og-url=&quot;https://bcp0109.tistory.com/341&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/b6d0b2/hyNbXmzANZ/A0KlBv6TKyJI1vkBwFmxc1/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/clMwl0/hyNatHpAgz/YH6M57pNyKTi3J2uGKelx1/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800&quot;&gt;&lt;a href=&quot;https://bcp0109.tistory.com/341&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://bcp0109.tistory.com/341&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/b6d0b2/hyNbXmzANZ/A0KlBv6TKyJI1vkBwFmxc1/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/clMwl0/hyNatHpAgz/YH6M57pNyKTi3J2uGKelx1/img.png?width=800&amp;amp;height=800&amp;amp;face=0_0_800_800');&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;Mac OS 터미널을 이쁘게 꾸며보자 (Iterm2 + Oh My Zsh)&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;1. Hack Font 설치 개인적으로 가장 선호하는 폰트입니다. https://sourcefoundry.org/hack/#download 에서 Mac OS Zip 을 다운받고 풀어서 설치하면 됩니다. 2. Iterm2 설치 Iterm2 은 기본 터미널 애플리케이션..&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;bcp0109.tistory.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;M1은 설치하는게 미묘하게 틀림... 그게 미치는 것이다.&lt;/p&gt;</description>
      <category>프로그램&amp;amp;설정/터미널</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/469</guid>
      <comments>https://mill-study.tistory.com/469#entry469comment</comments>
      <pubDate>Sun, 23 Jan 2022 09:59:16 +0900</pubDate>
    </item>
    <item>
      <title>[vscode] 마우스 올렸을 때 뜨는 설정 끄는 방법</title>
      <link>https://mill-study.tistory.com/468</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1972&quot; data-origin-height=&quot;356&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/VDbNV/btrrdcVQJkd/hPb5LeAQs2idJx4ReBAau0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/VDbNV/btrrdcVQJkd/hPb5LeAQs2idJx4ReBAau0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/VDbNV/btrrdcVQJkd/hPb5LeAQs2idJx4ReBAau0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FVDbNV%2FbtrrdcVQJkd%2FhPb5LeAQs2idJx4ReBAau0%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;1972&quot; height=&quot;356&quot; data-origin-width=&quot;1972&quot; data-origin-height=&quot;356&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Ctrl + Shift + p 누르면&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;거기서 setting이라고 검색하시면&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Open Settings(UI)라고 나옵니다. 선택해줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러면 설정 창이 나오고 상단에 설정검색이 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색창에다가 아래 문구를 복붙하시고 필터링 된 옵션에 체크박스를 해제해주시면 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;editor.hover.enabled&lt;/p&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;</description>
      <category>프로그램&amp;amp;설정/VSCode</category>
      <author>millfeel1298</author>
      <guid isPermaLink="true">https://mill-study.tistory.com/468</guid>
      <comments>https://mill-study.tistory.com/468#entry468comment</comments>
      <pubDate>Fri, 21 Jan 2022 07:07:08 +0900</pubDate>
    </item>
  </channel>
</rss>