WSL2에서 X window를 세팅하는 법

 https://evandde.github.io/wsl2-x/



WSL2에서 X window를 세팅하는 법

Evan Kim 　Windows Linux
   글자 수: 2940   읽는 데에 6분 

이 글에서는 WSL2를 설치한 뒤 X window(GUI)를 사용하기 위한 세팅 방법을 알아봅니다.

Success
여기서는 WSL2 설치가 완료된 상태라고 가정합니다. 이에 관한 전반적인 내용은 이 글을 참고하세요.

WSL을 설치하더라도, GUI 기반의 프로그램을 실행하려면 X window에 관한 추가적인 설정이 필요합니다. 이 글에서는 WSL2에서 X window 사용을 위한 세팅 방법을 다룹니다.

  1. Xming 공식 홈페이지에서 Xming 다운로드

  2. Xming 설치 (다음만 누르며 설치해도 괜찮음)

  3. Xming을 한 번 실행한 뒤 종료. (방화벽에 Xming 허용 규칙을 추가하기 위함)

  4. Xming 단축아이콘을 만들고, 속성-대상 항목의 맨 끝에 한 칸을 띄고 -ac를 이어서 적음

    Warning
    지우고 적는 것이 아니라, 맨 끝에 추가하는 것임에 주의하세요.
    /wsl2-x/xming_option_ac.png

  5. Windows PowerShell을 관리자 권한으로 실행한 뒤, 다음 명령어 입력 (에러가 뜬다면 본문 참고)

    1

    Set-NetFirewallRule -DisplayName "Xming X Server" -Enabled True -Profile Any

  6. WSL2에서 다음 명령어 입력

    1

    echo 'export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '"'"'{print $2}'"'"'):0' >> ~/.bashrc

X window는 UNIX 내지 Linux 계열의 운영체제에서 사용되는 GUI 환경 구현을 위한 시스템입니다. X11이라고도 부르고, 줄여서 그냥 X라고 부르기도 합니다. X window의 동작 원리는 간단하게 말하면 서버-클라이언트 구조입니다. “프로그램이 GUI 창을 띄워달라고 X server에 요청“하면, “X server가 요청을 처리하여 GUI 창을 띄우는 것“이죠.

일반적으로 Linux 운영체제 내에서 X server 프로그램이 구동되도록 설정된 환경에서는 내부적으로 알아서 화면을 띄울 수 있습니다. 하지만, PuTTY1나 WSL과 같이 Windows에서 터미널만 켜서 이용하는 경우에는, 프로그램의 X window 실행 요청을 Windows가 받아서 처리해야 하기 때문에, Windows용 X server 프로그램이 필요합니다. 대표적으로 Xming, VcXsrv, X410 등이 있습니다.

클라이언트가 보내는 X window 실행 요청은, Linux 상에서 DISPLAY라고 정의된 환경변수의 값으로 전송됩니다. 즉, X server를 사용하려면, X server 프로그램이 요청을 받을 수 있는 일종의 사서함 주소를 확보한 뒤, 이 값을 DISPLAY로 정의해주면 되는 것입니다.

이 글에서는 Xming이라는 프로그램을 이용할 것입니다.

Xming 공식 홈페이지에 들어가셔서 Xming 설치파일을 받아오시기 바랍니다. (버전이 높은 것은 Xming 측에 돈을 기부하고 계정을 받아야 사용가능하니, 그 밑에 있는 낮은 버전을 받으시면 됩니다.)

(2021년 2월 17일 기준, 공식 홈페이지 접속이 안되네요. 구글에서 찾아서 다운받으세요.)

/wsl2-x/xming_download.png

설치는 그냥 다음 버튼만 누르며 하셔도 됩니다만, 나중의 편의를 위해 단축아이콘 하나만 만들어두도록 합니다. 아래 그림에 보이는 내용이 떴을 때 Create a desktop icon for Xming에 체크해주시면 됩니다.

/wsl2-x/xming_install.png

Xming이 켜져 있는지의 여부는, 작업표시줄 오른쪽의 트레이아이콘을 확인하시면 알 수 있습니다. 트레이아이콘 중 X모양의 아이콘이 있다면 켜져있는 것입니다. 종료하고자 할 때에는, 트레이아이콘을 우클릭하고 Exit를 눌러주시면 됩니다.

/wsl2-x/xming_running.png

WSL2에서 X server를 연동하는 경우는 WSL1에서와 사뭇 다릅니다.

WSL1이 Windows와 동일한 네트워크를 사용했던 것과 달리, WSL2는 Windows 10 내에서 별도의 WSL2 전용 네트워크를 사용하고 있기 때문입니다.

즉, WSL2와 Windows 10의 주소가 다르기 때문에, WSL2에서 자기자신(localhost)에 X 요청을 보내게 되면 Window로 그 요청이 도달하지 못하는 것이지요.

우리는 이 문제를 해결하기 위해 다음의 과정을 거쳐야 합니다.

  1. Windows에서 실행한 X server 프로그램(Xming)에서 외부 IP로부터 들어오는 요청을 허용하도록 설정
  2. Windows 방화벽에서 WSL2의 요청을 허용하도록 설정
  3. WSL2에서 Windows의 주소를 획득하고, 이를 DISPLAY 환경변수로 지정

Xming은 기본적으로 자기자신(localhost)으로부터 들어온 요청만을 받아들이고, 외부 IP로부터의 요청은 받지 않도록 설정되어 있습니다. 그래서 Xming에서 설정을 바꿔주지 않으면, 아무리 WSL2에서 요청을 보내도 Xming이 받지 않는 것이지요.

이 부분을 허용하도록 설정하기 위해서는 Xming을 켤때 -ac 옵션을 넣어주면 됩니다.

  1. -ac 옵션을 넣어 실행하기 위한 Xming 단축아이콘 생성 (설치 시 바탕화면에 생성하였다면 이것을 이용해도 괜찮음)

  2. 단축아이콘에서 우클릭 - 속성

  3. 바로 가기 탭 선택

  4. 대상 항목의 맨 끝에 한 칸을 띄어쓴 뒤 -ac를 이어서 적음

    Warning
    지우고 적는 것이 아니라, 맨 끝에 추가하는 것임에 주의하세요.
    /wsl2-x/xming_option_ac.png

  5. 확인

이제 이 단축아이콘으로 Xming을 실행하게 되면, Xming이 -ac 옵션이 적용된 채로 켜지게 됩니다. 혹시 현재 Xming이 켜져있다면 종료하시고, 방금 설정한 단축아이콘으로 다시 실행해주세요.

WSL2에서 보내는 요청이 Xming에 도달하기 전에 Windows 방화벽이 차단해버리는 경우를 막기 위해, 다음의 작업을 통해 방화벽에서 Xming X Server로 들어가는 요청을 허용하도록 설정하시기 바랍니다.

Warning
이 작업을 수행하기 전에 반드시 한 번은 Xming을 실행한 적이 있어야 합니다. 최초실행 시 뜨는 경고창을 통해 방화벽에 Xming 허용 규칙을 추가하게 되기 때문입니다.

  1. [WIN]+[R]을 눌러 실행 창 띄우기

  2. powershell을 입력한 뒤, [CTRL]+[SHIFT]+[ENTER]를 눌러서 PowerShell을 관리자 권한으로 실행

  3. 다음 명령어 입력

    1

    Set-NetFirewallRule -DisplayName "Xming X Server" -Enabled True -Profile Any

    이 명령어를 입력할 때 다음과 같은 에러가 뜬다면, Xming을 실행한 적이 없기 때문입니다.

    /wsl2-x/firewall_error.png

    혹시 Xming을 실행한 적이 있음에도 이런 에러가 뜬다면, 다음 명령어를 입력하세요. (앞의 Set이 New로 바뀝니다)

    1

    New-NetFirewallRule -DisplayName "Xming X Server" -Enabled True -Profile Any

WSL2에서 Windows의 IP 주소를 보는 것은 다음 명령어를 통해 가능합니다.

1

cat /etc/resolv.conf
/wsl2-x/wsl2_winIP.png

값을 확인했다면 이걸 이용해서 DISPLAY 환경변수의 값을 설정해주면 됩니다.

1

export DISPLAY=위에서_확인한_IP:0

이 작업 역시, 터미널을 종료하면 설정한 정보가 날아가버립니다. 때문에, Windows의 IP 값을 받아다가 DISPLAY 변수를 정의하는 작업을 한 문장으로 작성하여 ~/.bashrc에 적어두는 방식을 사용합니다. 이 작업을 위해서는 |2, grep3, awk4등 생소할 수도 있는 명령어가 사용됩니다만, 그대로 따라서 한 번만 실행시키시면 WSL2에서 작업할 내용은 끝나게 됩니다.

1

echo 'export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '"'"'{print $2}'"'"'):0' >> ~/.bashrc

이 모든 작업이 끝났다면, 아마 정상적으로 GUI가 실행될 것입니다.

GUI 창을 띄우는 프로그램을 사용하시는 게 있다면 그 프로그램으로 테스트 하시면 됩니다. 이 글에서는 xclock이라는 프로그램을 받아서 테스트하도록 하겠습니다.

1
2
3
4
5

## x11 어플리케이션 설치
sudo apt install x11-apps -y

## xclock 실행
xclock
/wsl2-x/xwindow_test_xclock.png

  1. PuTTY는 무료 터미널 에뮬레이터로, 대개 서버용으로 활용되는 리눅스 운영체제 기반 컴퓨터에 원격접속하는 용도로 활용됩니다. ↩︎

  2. |는 pipe라고 부르며, |의 앞에 있는 명령어의 실행 결과를 |의 뒤에 있는 명령어 실행의 입력인자로 활용하는 기호입니다. ↩︎

  3. grep은 텍스트 검색에 관한 명령어입니다. ↩︎

  4. awk는 텍스트 형태의 데이터를 행과 단어 별로 처리하여 출력하는 데에 사용되는 명령어입니다. ↩︎

댓글

댓글 쓰기

이 블로그의 인기 게시물

[도서 목차]Do it! 프로그레시브 웹앱 만들기 반응형 웹 개발부터 하이브리드 앱 배포까지 PWA 완전 정복!

  ==================== 넷째마당 PWA를 하이브리드 앱으로 배포하기 ==================== [15] 코르도바로 하이브리드 앱 만들기 15-1 하이브리드 앱이란? 15-2 하이브리드 앱 실전 예제 5가지 15-3 ‘Hello Hybrid’ 앱 만들기 ― 준비 15-4 ‘Hello Hybrid’ 앱 만들기 ― 제작 미션 코딩! 사진 갤러리 안드로이드 앱 만들기 [16] 웹앱을 안드로이드 앱으로 만들기 16-1 To-Do 안드로이드 앱 만들기 16-2 아파치 코르도바 플러그인 사용하기 16-3 모바일 기기 상태를 체크하는 안드로이드 앱 만들기 미션 코딩! 카메라 사진 갤러리 안드로이드 앱 만들기 [17] 구글 플레이 스토어에 앱 등록하기 17-1 안드로이드 앱 번들 준비하기 17-2 구글 플레이 스토어에 앱 등록하기 찾아보기 ==================== 첫째마당 프로그레시브 웹앱 시작하기 ==================== [01] 헬로! 프로그레시브 웹앱 01-1 프로그레시브 웹앱이 뭐예요? 01-2 프로그레시브 웹앱을 대표하는 6가지 핵심 기술 01-3 비주얼 스튜디오 코드 설치하기 01-4 ‘안녕하세요’ 예제 만들기 [02] 모던 자바스크립트 꼭 필요한 것만 배우기 02-1 재활용할 수 있는 블록 함수 02-2 변수 선언 02-3 화살표 함수 02-4 모듈 내보내기와 가져오기 02-5 콜백 함수와 비동기 처리 방식 02-6 JSON과 Fetch API 02-7 Promise와 비동기 처리 방식 02-8 await 연산자와 async 비동기 함수 미션 코딩! 입력된 숫자의 범주 판별하기 [03] 순수 자바스크립트로 PWA 만들기 03-1 ‘안녕하세요! PWA by JS’ 구경하기 03-2 매니페스트 작성하기 03-3 메인 화면 작성하기 03-4 서비스 워커 만들고 실행하기 미션 코딩! 캐시 변경하고 서비스 워커 다시 등록하기 ==================== 둘째마당 프레임워크로 PWA 손쉽게 디자인하기 ======
자세한 내용 보기

메쉬믹서(Meshmixer)] 모델링 부분 제거와 부드럽게 만들기

이미지
  출처   [메쉬믹서(Meshmixer)] 모델링 부분 제거와 부드럽게 만들기   by 아토 메쉬믹서를 이용하여 필요없는 모델링을 제거하고, 모델링을 부드럽게 만들자! 안녕하세요~ 메이커 문화에 앞장서는 3D아토 '다훈쌤' 입니다~  오늘 포스팅 주제 또한 메쉬믹서인데요~ 어떤 메쉬믹서 기능을 알아볼지 보시도록 하겠습니다. 오늘 기능은  Smooth 기능을 이용한 데이터 부드럽게 만들기와 Select 기능을 이용하여 필요없는 모델링 제거하기 를 알아보겠습니다. 그러면 함께 하시죠!   오늘의 도우미 다시 등판합니다! 데이터를 불러옵시다! 왼쪽 메뉴의  Select 기능을 클릭한 후 필요 없는 모델링에 마우스를 대고 클릭을 쭉 해봅시다. 이 그림에서 필요 없는 모델링은 캐릭터의 받침대가 되겠습니다. 마우스 클릭을 꾹 누르면서 필요 없는 모델링을 전체적으로 칠해줍니다. 만약 칠해주는 마우스의 사이즈가 클 경우, Select 확장 메뉴에 보시면  Size라는 스크롤이  있습니다. 이것을 조절하시면 되겠습니다. 마우스 왼쪽을 따닥 클릭하시면 한 번에 선택이 되기도 합니다 . 그러나  Make Solid 작업을 한 모델링은  마우스 브러쉬 부분만 클릭이 되어 수동적으로 전체를 칠해야 합니다. 선택된 모델링을 delete 키를 눌러 없애고 나면 이렇게 됩니다. 그런데 허공에 좀 떠있네요. 3D프린터 프로그램인 슬라이서에서 불러오면 알아서 바닥에 붙는 경우가 있으나 가끔 허공에 떠 있는 경우도 있습니다. T키를 눌러 Transform 메뉴를 실행한 후 바닥에 앉혀줍니다. 이제 슬라이서 프로그램에서 데이터를 불러왔을 때 문제가 없을 것입니다. 다음은  Smooth 기능입니다. 이 기능은 모델링을 부드럽게 해줍니다.  먼저 부드럽게 하고 싶은 모델링을 색칠을 칠해줘 선택합니다. 그림의 메뉴를 따라가시면 됩니다. Smooth 기능이 적용된 모습입니다. 조금 각진 부분이 부드러워졌지요?   여기서 더 하고 싶으시면 왼쪽 메뉴에 확장된 Smoothing 메뉴에서  
자세한 내용 보기