<div id="readability-page-1" class="page"><div>
 <a href="/m/category/Zig/Zig%20%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD">Zig/Zig 개발환경</a><h3>zig 설치하여 Visual Studio Code 개발환경 만들기 - Windows, Linux, macOS</h3>
 </div><cite>webnautes</cite>
 2024. 3. 24. 14:02
 <div>Windows, Linux, macOS에서 Visual Studio Code에서 zig를 설치하여 개발 환경을 만드는 방법을 다루고 있습니다.&nbsp;

2024. 3. 24&nbsp; 최초작성

zig 언어의 주요 목표는 C 언어 기반에서 개선점을 찾으면서 러스트 등의 장점을 취하는 것이라고 <a href="https://ko.wikipedia.org/wiki/Zig_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)">위키백과</a>에서 소개하고 있습니다. C언어 헤더파일과 라이브러리를 가져다 사용할 수&nbsp; 있을 정도로 C언어와 호환성이 뛰어나다고 해서 한번 사용해보려고 합니다.&nbsp;

이번엔 zig 개발 환경을 만드는 방법만 다루고 이후 다음 사이트에 있는 Zig 강좌를 따라해보며 포스트를 올려보려고 합니다.&nbsp;&nbsp;
<a href="https://zig.guide/">https://zig.guide/</a>

C, C++, Rust, Go, 파스칼 같은 프로그래밍 언어를 사용해봤고 저수준 프로그래밍 개념에 대한 어느 정도 이해가 있는 사람을 대상으로 작성된 강좌라고 합니다.&nbsp;

글작성 시점에&nbsp; 참고한 문서는 0.11.0을 기준으로 하고 있고 Visual Studio Code를 사용하여 설치된 zig 버전도 0.11.0입니다.

포스트에서는 Visual Studio Code를 사용하여 zig와 zls를 설치합니다.

1. 다음 포스트를 참고하여 Visual Studio Code를 설치합니다.&nbsp;

Visual Studio Code 설치하는 방법( Windows / Ubuntu / Apple Silicon Macbook )&nbsp;
<a href="https://webnautes.tistory.com/1841">https://webnautes.tistory.com/1841</a>&nbsp;

2. 메뉴에서 File &gt; Open Folder를 클릭 후, 적당한 폴더를 생성 후, 파일 열기 버튼을 클릭합니다.&nbsp;

New File 아이콘을 클릭 후, main.zig 파일을 생성합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="1476" data-origin-height="530"><img src="https://blog.kakaocdn.net/dn/bdKKnj/btsF2EWxCOS/eTfMZk9iwLKdSooo2rSZRK/img.png" onerror="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';" width="513" height="185" data-origin-width="1476" data-origin-height="530"></figure>


3. 다음 코드를 main.zig 파일에 복사합니다. 소스코드 파일은 반드시&nbsp; UTF-8 인코딩을 사용해야 합니다.&nbsp; Visual Studio Code의 디폴트 인코딩은 UTF-8입니다.&nbsp;

<div>
const std = @import("std"); pub fn main() void { &nbsp; std.debug.print("Hello, {s}!\n", .{"World"}); }
</div>

윈도우나 리눅스에서는 Ctrl + S를 눌러 저장하고 macOS는 command + S 를 눌러 저장합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="1600" data-origin-height="453"><img src="https://blog.kakaocdn.net/dn/yCUVd/btsF3n05ZpW/riZs2YtxMljCrpjuUjZNZ0/img.png" onerror="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';" width="756" height="214" data-origin-width="1600" data-origin-height="453"></figure>


4. 사이드 바에서 Extensions 아이콘을 클릭 후, zig를 검색하여 Zig Language 항목에 보이는 Install을 클릭하여 설치합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="1484" data-origin-height="966"><img src="https://blog.kakaocdn.net/dn/bn27Gm/btsF1CZvtzD/pygtKGePAyWx48YrMLBWd0/img.png" onerror="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';" width="643" height="418" data-origin-width="1484" data-origin-height="966"></figure>


5. Install을 선택합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="554" data-origin-height="680"><img src="https://blog.kakaocdn.net/dn/k3nvp/btsF1Cyn7N5/nLV4J1o7KPoiedPV3ymCpK/img.png" onerror="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';" width="304" height="374" data-origin-width="554" data-origin-height="680"></figure>


<figure data-ke-mobilestyle="widthOrigin" data-origin-width="481" data-origin-height="143"><img src="https://blog.kakaocdn.net/dn/bIeysC/btsF1ljmxyM/xqkzPMkAL2o0X32GI8Fax1/img.png" onerror="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';" width="573" height="170" data-origin-width="481" data-origin-height="143"></figure>


<figure data-ke-mobilestyle="widthOrigin" data-origin-width="602" data-origin-height="157"><img src="https://blog.kakaocdn.net/dn/KgEem/btsF2FOHsva/HnZUeK1ZxI7KvuNPHnpjT0/img.png" onerror="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';" width="553" height="144" data-origin-width="602" data-origin-height="157"></figure>


6. nightly 바로 아래 있는 버전을 선택합니다. 글작성 시점에서는 0.11.0입니다.&nbsp;

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="615" data-origin-height="425"><img src="https://blog.kakaocdn.net/dn/xbNHo/btsF1JRJ7Qu/PtHqVKQkcQZ2Kz8KMwT7lk/img.png" onerror="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';" width="615" height="425" data-origin-width="615" data-origin-height="425"></figure>


7. Use ZLS in PATH를 선택합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="556" data-origin-height="722"><img src="https://blog.kakaocdn.net/dn/bD55nx/btsF3EO9y23/4Vk2C8nUegZLGvvbvNOD80/img.png" onerror="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';" width="321" height="417" data-origin-width="556" data-origin-height="722"></figure>


<figure data-ke-mobilestyle="widthOrigin" data-origin-width="577" data-origin-height="146"><img src="https://blog.kakaocdn.net/dn/0L7B2/btsF2yhNeik/mOldoFwF59R4CseoNOikQK/img.png" onerror="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';" width="583" height="147" data-origin-width="577" data-origin-height="146"></figure>
<figure data-ke-mobilestyle="widthOrigin" data-origin-width="602" data-origin-height="157"><img src="https://blog.kakaocdn.net/dn/6SaPA/btsF1iG0K28/QfHHg6kigv0KAUS485eyT1/img.png" onerror="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';" width="581" height="151" data-origin-width="602" data-origin-height="157"></figure>


소스코드를 보면 하이라이트가 적용되어 있습니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="1600" data-origin-height="452"><img src="https://blog.kakaocdn.net/dn/bwecY2/btsF2wxxH8e/vu42siwb8lqXZWsM5C2lQK/img.png" onerror="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';" width="749" height="212" data-origin-width="1600" data-origin-height="452"></figure>


8. 윈도우의 경우 8.1, 리눅스의 경우 8.2, macOS의 경우 8.3을 진행하세요.

8.1.&nbsp; 윈도우의 경우 다음 경로에 각각 설치됩니다.&nbsp;

C:\Users\사용자 이름\AppData\Roaming\Code\User\globalStorage\ziglang.vscode-zig\zig_install\zig.exe

C:\Users\사용자 이름\AppData\Roaming\Code\User\globalStorage\ziglang.vscode-zig\zls_install\zls.exe


환경 변수 Path에 zig.exe 위치를 등록해야 합니다.&nbsp;

윈도우 키 + R을 누른후 sysdm.cpl를 입력하고 엔터를 누릅니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="418" data-origin-height="228"><img src="https://blog.kakaocdn.net/dn/Y3sQO/btsF10yRI3k/LpWGLjgbY4Yx8cDqKoiiB1/img.png" onerror="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';" width="418" height="228" data-origin-width="418" data-origin-height="228"></figure>


고급 탭을 클릭하고 환경 변수를 클릭합니다.&nbsp;

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="491" data-origin-height="545"><img src="https://blog.kakaocdn.net/dn/560IK/btsF2D4ocdJ/21EmyIRatKNk3Lla7KuAY1/img.png" onerror="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';" width="491" height="545" data-origin-width="491" data-origin-height="545"></figure>


시스템 변수에서 Path를 선택하고 편집을 클릭합니다.

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="630" data-origin-height="597"><img src="https://blog.kakaocdn.net/dn/bzT0pN/btsF2OSehhl/5EEcNV8j7Tr9Q84jMK7ySK/img.png" onerror="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';" width="582" height="552" data-origin-width="630" data-origin-height="597"></figure>


새로 만들기를 클릭하고 앞에서 확인한 다음 경로를 입력후 엔터를 누르고 확인 버튼을 클릭합니다.&nbsp;

C:\Users\사용자 이름\AppData\Roaming\Code\User\globalStorage\ziglang.vscode-zig\zig_install\
C:\Users\사용자 이름\AppData\Roaming\Code\User\globalStorage\ziglang.vscode-zig\zls_install\

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="539" data-origin-height="513"><img src="https://blog.kakaocdn.net/dn/wdslw/btsF1t9qY0y/brFxDGz0Lkd56xDdZJlzg1/img.png" onerror="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';" width="539" height="513" data-origin-width="539" data-origin-height="513"></figure>


8.2. Ubuntu에서 진행했지만 다른 리눅스에서도 유사하게 진행가능할 거 같습니다.

다음 경로에 zig와 zls가 설치됩니다.

/home/사용자 이름/.config/Code/User/globalStorage/ziglang.vscode-zig/zig_install/zig

/home/사용자 이름/.config/Code/User/globalStorage/ziglang.vscode-zig/zls_install/zls

환경 변수 PATH에 적용해야 합니다. 사용자 이름 부분은 변경하세요.&nbsp;

$ echo 'export PATH=$PATH:/home/사용자 이름/.config/Code/User/globalStorage/ziglang.vscode-zig/zls_install/:/home/사용자 이름/.config/Code/User/globalStorage/ziglang.vscode-zig/zig_install/' &gt;&gt; ~/.bashrc

$ source ~/.bashrc

8.3. macOS에서는 다음 경로에 설치됩니다.&nbsp;

/Users/사용자 이름/Library/Application Support/Code/User/globalStorage/ziglang.vscode-zig/zig_install/zig
/Users/사용자 이름/Library/Application Support/Code/User/globalStorage/ziglang.vscode-zig/zls_install/zls

환경 변수 PATH에 적용해야 합니다. 사용자 이름 부분은 변경하세요.&nbsp;

$ echo 'export PATH=$PATH:"/Users/사용자 이름/Library/Application Support/Code/User/globalStorage/ziglang.vscode-zig/zig_install/":"/Users/사용자 이름/Library/Application Support/Code/User/globalStorage/ziglang.vscode-zig/zls_install/"' &gt;&gt; ~/.zshrc

$ source&nbsp; ~/.zshrc

9. 환경 변수 Path를 적용하기 위해 Visual Studio Code를 다시 실행합니다.

메뉴에서 View &gt; Terminal을 선택합니다.

다음 명령을&nbsp; 사용하여 빌드하고 실행합니다. Hello, World!가 출력됩니다.&nbsp;

zig run main.zig

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="375" data-origin-height="96"><img src="https://blog.kakaocdn.net/dn/b9YXm7/btsF1UMkrvj/fHwkDkgsSYyVZsFil0c6Sk/img.png" onerror="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';" width="375" height="96" data-origin-width="375" data-origin-height="96"></figure>


<figure data-ke-mobilestyle="widthOrigin" data-origin-width="409" data-origin-height="122"><img src="https://blog.kakaocdn.net/dn/FJ0wn/btsF16eHwgF/YdIJRzsXtpD55OM6P2t64K/img.png" onerror="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';" width="389" height="116" data-origin-width="409" data-origin-height="122"></figure>


<figure data-ke-mobilestyle="widthOrigin" data-origin-width="922" data-origin-height="240"><img src="https://blog.kakaocdn.net/dn/eib7GF/btsF2PXVHT5/gC9bSwRsA3rFOqMVq8Ps61/img.png" onerror="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';" width="443" height="115" data-origin-width="922" data-origin-height="240"></figure>

</div></div>

멈춤보단 천천히라도

Windows, Linux, macOS에서 Visual Studio Code에서 zig를 설치하여 개발 환경을 만드는 방법을 다루고 있습니다. 2024. 3. 24 최초작성 zig 언어의 주요 목표는 C 언어 기반에서 개선점을 찾으면서 러스트 등의 장점을 취하는 것이라고 위키백과에서 소개하고 있습니다. C언어 헤더파일과 라이브러리를 가져다 사용할 수 있을 정도로 C언어와 호환성이 뛰어나다고 해서 한번 사용해보려고 합니다. 이번엔 zig 개발 환경을 ..

zig 설치하여 Visual Studio Code 개발환경 만들기 - Windows, Linux, macOS

댓글