{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/2019-08-24-visualstudiocode-wsl/","webpackCompilationHash":"f084a54ccd61922cab08","result":{"data":{"markdownRemark":{"id":"0a3567d3-e208-5b9a-b5d1-2bac356f5ffa","html":"<h2 id=\"windows10-의-wslwindows-subsystem-for-linux-사용하기\"><a href=\"#windows10-%EC%9D%98-wslwindows-subsystem-for-linux-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0\" aria-label=\"windows10 의 wslwindows subsystem for linux 사용하기 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>windows10 의 WSL(Windows Subsystem for Linux) 사용하기</h2>\n<p>windows10에서 개발을 하다보면 환경변수나 기타 빌드도구들이 windows 환경에서는 너무 안맞는 경우가 많다. PowerShell은 솔직히 아직 어떻게 쓰는건지 모르겠고, youtube의 대부분 동영상 강의들은 ubuntu환경이나 mac의 경우가 대부분인데 이것을 그대로 따라하기는 너무 어렵다.<br>\n주로 ubuntu로 nodejs나 python을 이용하여 개발을 하는데 이 때 github로 올린 파일을 windows나 linux에서 그대로 사용하려면 환경을 맞춰야 적합하다.<br>\n하지만 집에서도 main pc나 노트북에 ubuntu를 설치를 하면 너무 불편하고 그렇다고 듀얼부팅을 하기엔 스토리지가 너무 아까웠다.<br>\n그래서 WSL을 이용해보기로 했다.</p>\n<h2 id=\"wsl-설치\"><a href=\"#wsl-%EC%84%A4%EC%B9%98\" aria-label=\"wsl 설치 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>WSL 설치</h2>\n<p><a href=\"https://docs.microsoft.com/ko-kr/windows/wsl/install-win10\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WSL 설치방법</a><br>\n위의 링크를 누르면 microsoft 홈페이지에서 wsl을 설치하는 방법이 자세히 나온다.\n관리자 권한으로 Powershell을 열고 아래긔 명령어로 wsl을 설치하고 재부팅하면 사용할 수 있다.</p>\n<div class=\"gatsby-highlight\" data-language=\"powershell\"><pre class=\"language-powershell\"><code class=\"language-powershell\">Enable<span class=\"token operator\">-</span>WindowsOptionalFeature <span class=\"token operator\">-</span>Online <span class=\"token operator\">-</span>FeatureName Microsoft<span class=\"token operator\">-</span>Windows<span class=\"token operator\">-</span>Subsystem<span class=\"token operator\">-</span>Linux</code></pre></div>\n<p>재부팅후 Microsoft Store에 가서 우분투를 설치하면 된다.\n<span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/a68a8d80bd577f9b6f3ae049b34fc64e/e722e/ubuntu_install.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 77.63596004439512%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAQABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAHYiyy3Ii//xAAYEAADAQEAAAAAAAAAAAAAAAAAAQIDEf/aAAgBAQABBQLppvGTO0WJ2f/EABcRAAMBAAAAAAAAAAAAAAAAAAABERL/2gAIAQMBAT8Bahk//8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8Bqv/EABsQAAIBBQAAAAAAAAAAAAAAAAABMgIQESEz/9oACAEBAAY/AhKrO7ROaZA//8QAGhAAAwEBAQEAAAAAAAAAAAAAAAERIUExsf/aAAgBAQABPyFL4qThcRFuiRnyI3OXpFsn/9oADAMBAAIAAwAAABA7D//EABgRAQEAAwAAAAAAAAAAAAAAAAEAMVGR/9oACAEDAQE/EEylGul//8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/EDukb//EABoQAQEBAQEBAQAAAAAAAAAAAAERACFRMXH/2gAIAQEAAT8Q5w/aZkUF6TBADiXBgkGcXyauU+NmegJYFfN//9k='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n        <source\n          srcset=\"/static/a68a8d80bd577f9b6f3ae049b34fc64e/01472/ubuntu_install.webp 240w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/222bd/ubuntu_install.webp 480w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/620b9/ubuntu_install.webp 960w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/28063/ubuntu_install.webp 1440w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/9e0cf/ubuntu_install.webp 1802w\"\n          sizes=\"(max-width: 960px) 100vw, 960px\"\n          type=\"image/webp\"\n        />\n        <source\n          srcset=\"/static/a68a8d80bd577f9b6f3ae049b34fc64e/3bc27/ubuntu_install.jpg 240w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/98431/ubuntu_install.jpg 480w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/b3ee8/ubuntu_install.jpg 960w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/b97fe/ubuntu_install.jpg 1440w,\n/static/a68a8d80bd577f9b6f3ae049b34fc64e/e722e/ubuntu_install.jpg 1802w\"\n          sizes=\"(max-width: 960px) 100vw, 960px\"\n          type=\"image/jpeg\"\n        />\n        <img\n          class=\"gatsby-resp-image-image\"\n          src=\"/static/a68a8d80bd577f9b6f3ae049b34fc64e/b3ee8/ubuntu_install.jpg\"\n          alt=\"ubuntu\"\n          title=\"ubuntu\"\n          loading=\"lazy\"\n        />\n      </picture>\n  </a>\n    </span>\n나는 18.04 버젼을 설치하였다.\n설치된 Ubuntu 18.04를 실행하고 커맨트 창에 vs code 실행 명령어를 치면</p>\n<div class=\"gatsby-highlight\" data-language=\"shell\"><pre class=\"language-shell\"><code class=\"language-shell\">code <span class=\"token builtin class-name\">.</span></code></pre></div>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/c29cd5cb72520d55e9ca01b3080eda0e/bcb36/ubuntu_cli.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52.17983651226158%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMEBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAeMmNqY//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAIDExARMf/aAAgBAQABBQKxyxyN31iPn//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABgQAAMBAQAAAAAAAAAAAAAAAAIykQAg/9oACAEBAAY/AnK5yuYrx//EABsQAAEEAwAAAAAAAAAAAAAAAAABEDHxEVFx/9oACAEBAAE/IbSWkVLzNs8/T//aAAwDAQACAAMAAAAQwA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAaEAABBQEAAAAAAAAAAAAAAAABAFFhwfAQ/9oACAEBAAE/ENZa1lowFF7QnueAv//Z'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n        <source\n          srcset=\"/static/c29cd5cb72520d55e9ca01b3080eda0e/01472/ubuntu_cli.webp 240w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/222bd/ubuntu_cli.webp 480w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/620b9/ubuntu_cli.webp 960w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/28063/ubuntu_cli.webp 1440w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/65212/ubuntu_cli.webp 1468w\"\n          sizes=\"(max-width: 960px) 100vw, 960px\"\n          type=\"image/webp\"\n        />\n        <source\n          srcset=\"/static/c29cd5cb72520d55e9ca01b3080eda0e/3bc27/ubuntu_cli.jpg 240w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/98431/ubuntu_cli.jpg 480w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/b3ee8/ubuntu_cli.jpg 960w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/b97fe/ubuntu_cli.jpg 1440w,\n/static/c29cd5cb72520d55e9ca01b3080eda0e/bcb36/ubuntu_cli.jpg 1468w\"\n          sizes=\"(max-width: 960px) 100vw, 960px\"\n          type=\"image/jpeg\"\n        />\n        <img\n          class=\"gatsby-resp-image-image\"\n          src=\"/static/c29cd5cb72520d55e9ca01b3080eda0e/b3ee8/ubuntu_cli.jpg\"\n          alt=\"ubuntucli\"\n          title=\"ubuntucli\"\n          loading=\"lazy\"\n        />\n      </picture>\n  </a>\n    </span></p>\n<p>visual studio code가 Remote WSL모드로 실행된다. Remote WSL extention이 없으면 바로 install 로 넘어간다.\n이제 visual studio code에서 원하는 폴더를 open해서 마치 native ubuntu를 사용하듯이 쓸수있다.</p>","fields":{"slug":"/posts/2019-08-24-visualstudiocode-wsl/","tagSlugs":null},"frontmatter":{"date":"2019-08-24 00:00:00 +0800","description":"ubuntu on windows10","tags":null,"title":"windows10에서 wsl을 이용하여 개발하기","socialImage":null}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/2019-08-24-visualstudiocode-wsl/"}}}