웹사이트를 Windows 데스크톱 앱으로 변환하는 방법

많은 웹 개발자들은 사용자가 웹 브라우저를 통해 웹사이트에 접근할 수 있기 때문에 Windows 앱을 개발하는 데 실질적인 이점을 느끼지 못합니다. 다르게 하고 싶다면 이러한 웹사이트를 쉽게 데스크톱 앱으로 변환할 수 있습니다.

목차

• 데스크톱 앱의 장점
• 1. Microsoft Edge
• 2. Google Chrome
• 3. WebCatalog
• 4. Nativefier 사용하기
• 자주 묻는 질문

또한 읽어보세요: 웹사이트 차단 해제하는 10가지 쉬운 방법

데스크톱 앱의 장점

데스크톱 앱은 웹사이트로 더 빠르게 이동할 수 있게 해주며, 작업 표시줄, 시작 메뉴 또는 바탕화면에 바로가기를 편리하게 추가할 수 있습니다. 앱 컨테이너 내의 웹사이트는 브라우저 도구 모음이나 주소 표시줄과 같은 방해 요소 없이 전체 창 프레임 또는 선택적으로 전체 화면을 차지합니다.

1. Microsoft Edge

Microsoft Edge는 웹사이트를 앱으로 변환하는 가장 빠른 방법을 제공합니다. Windows에 기본 설치되어 있습니다. 웹사이트를 앱으로 설치하면 Edge는 웹사이트를 브라우저와 분리하고, 작업 표시줄에 자체 아이콘과 인스턴스를 생성하며, 도구 모음을 제거하여 웹사이트가 앱처럼 보이게 합니다. 또한 Edge는 전체 앱을 지원하여 사용자가 저장한 데이터로 양식을 자동으로 채우고 활성화된 확장 프로그램을 사용할 수 있습니다.

1. Edge 브라우저에서 앱으로 변환할 웹사이트를 방문합니다.

2. Edge 도구 모음에서 수평의 세 점 아이콘을 클릭합니다 (또는 Alt + F를 누릅니다).

3. “앱”으로 이동하여 “이 사이트를 앱으로 설치“를 클릭합니다.

1. 원한다면 앱의 이름을 변경하고 “설치“를 클릭하여 Edge 앱 목록에 앱을 추가합니다.

1. 필요에 따라 앱 권한을 구성하고 “허용”을 클릭하여 변경 사항을 적용합니다.

장점

• 설정이 빠르고 쉽습니다.
• 모든 웹사이트와 호환됩니다.
• 변환된 앱을 실행하기 위한 편리한 앱 메뉴가 있습니다.
• 웹 검색을 수행할 수 있는 사이드바에 접근할 수 있습니다.
• 자동 업데이트가 가능합니다.

단점

• 더 많은 메모리를 소모합니다.
• 단일 세션으로 제한됩니다.
• 동기화 지원이 없습니다.

2. Google Chrome

Microsoft Edge가 앱을 지원하지 않기를 원한다면 Google Chrome을 대신 사용할 수 있습니다. 변환 단계는 유사합니다.

1. Chrome에서 앱으로 변환할 웹사이트를 방문합니다.

2. Chrome 도구 모음에서 세 점 아이콘을 클릭합니다 (또는 Alt + F를 누릅니다).

3. “추가 도구”로 이동하여 “바로가기 만들기”를 클릭합니다.

1. 원한다면 앱의 이름을 변경하고, “창으로 열기” 체크박스를 선택한 후 “만들기”를 클릭하여 변환을 완료합니다.

팁: 이것은 Gmail 데스크톱 앱을 만드는 가장 쉬운 방법이기도 합니다.

장점

• 설정이 빠르고 쉽습니다.
• Chrome 확장 프로그램 및 양식 자동 채우기를 지원합니다.
• 모든 웹사이트와 호환됩니다.
• 앱은 Google 계정을 통해 데스크톱 Chrome 설치 간에 동기화됩니다.
• 더 큰 아이콘이 있는 깔끔한 전용 앱 페이지가 있습니다.

단점

• 더 많은 메모리를 소모합니다.
• 단일 세션으로 제한됩니다.

또한 읽어보세요: Windows 소프트웨어 다운로드를 위한 15개의 안전한 웹사이트

3. WebCatalog

WebCatalog는 인기 있는 웹사이트의 라이브러리를 포함하는 서드파티 앱으로, 이를 데스크톱 앱으로 설치할 수 있습니다. Microsoft Edge와 달리 모든 앱은 Photon이라는 자체 브라우저 엔진에 독립적으로 포함되어 있습니다.

Photon은 Chromium 기반 프레임워크인 Electron에서 실행되며, WebCatalog 앱을 서로 및 다른 브라우저와 격리하면서 대부분의 웹사이트와의 호환성을 유지합니다.

이로 인해 WebCatalog는 더 안전해지며, 기본 브라우저에서 발생할 수 있는 잠재적인 문제는 WebCatalog 앱에 영향을 미치지 않습니다. 각 앱은 고유한 쿠키, 캐시 및 세션을 가지고 있습니다. WebCatalog는 또한 웹사이트의 여러 세션을 생성할 수 있는 옵션을 제공하여 브라우저 프로필을 전환할 필요가 없습니다.

1. 프로그램을 설치한 후 WebCatalog을 열고 검색 창을 사용하여 앱으로 설치할 웹사이트를 찾습니다.
2. 웹사이트 아이콘 아래의 “설치“를 클릭하고 WebCatalog이 앱을 생성하도록 합니다. WebCatalog은 또한 시작 메뉴의 “앱” 섹션에 바로가기를 추가합니다.

1. WebCatalog이 카탈로그에 변환할 웹사이트를 나열하지 않으면 “사용자 정의 앱 만들기” 타일을 클릭하여 앱을 사용자 정의할 수 있는 대화 상자를 엽니다.

1. 앱의 이름을 입력하고 URL 필드에 웹사이트 주소를 입력합니다. URL 필드 아래의 옵션 중 하나를 사용하여 웹사이트 아이콘을 지정하고 “설치“를 클릭하여 앱을 설정합니다.

장점

• 내장된 카탈로그를 통해 새로운 웹사이트와 서비스를 발견할 수 있습니다.
• 격리된 세션
• Chrome 또는 Edge 추적 없음
• 사용자 정의 가능한 인터페이스
• 자동 업데이트
• 전체 버전에서 내장된 광고 및 추적기 차단기

단점

• Edge 또는 Chrome 앱보다 더 많은 디스크 공간을 소모합니다.
• 무료 버전은 10개의 앱과 앱당 두 개의 세션으로 제한됩니다.

또한 읽어보세요: 데스크톱 및 Chrome에서 WhatsApp 웹 사용하기

4. Nativefier 사용하기

WebCatalog와 마찬가지로 Nativefier는 Electron을 사용하여 웹사이트를 격리된 컨테이너에 배치하여 보안을 강화합니다. 그러나 Nativefier는 그래픽 사용자 인터페이스나 카탈로그를 제공하지 않기 때문에 사이트를 앱으로 변환하기 위해 명령줄을 사용해야 합니다.

화려한 기능이 없는 Nativefier는 RAM이 적은 컴퓨터에 적합한 선택입니다. Nativefier 기반 앱을 서로 연결하는 중앙 허브가 없기 때문에 이러한 앱을 자유롭게 배치할 수 있으며, 휴대용 저장 장치로 복사하거나 이동할 수 있습니다. Nativefier는 오픈 소스이며, 추가 비용 없이 원하는 만큼 앱을 만들 수 있습니다.

Nativefier는 설치하는 데 가장 많은 단계를 요구하지만, 설치 후에는 명령줄에서 한 단계로 Nativefier 기반 앱을 만들 수 있습니다.

1. PC에 최신 LTS 버전의 Node.js를 설치합니다.

참고: 설치 프로그램의 설정을 변경하지 마십시오.

1. 시작 메뉴 또는 Windows 검색을 열고 “터미널”을 검색합니다.
2. 검색 결과의 사이드 패널에서 “관리자로 실행”을 클릭하여 관리자 권한으로 Windows 터미널 창을 엽니다.

1. Windows 터미널 제목 표시줄의 아래쪽을 향한 작은 화살표를 클릭하고 “설정”으로 이동합니다 (또는 Ctrl + ,를 누릅니다).

1. “시작”에서 “기본 프로필”을 “명령 프롬프트”로 설정합니다. 이 단계는 Nativefier 앱을 만드는 과정을 단순화합니다.

1. “저장”을 클릭하여 변경 사항을 적용합니다.
2. 제목 표시줄의 작은 “+” 아이콘을 눌러 터미널에서 명령 프롬프트 창을 엽니다.

1. 터미널에 다음 명령을 입력하여 Nativefier를 설치합니다. npm install -g nativefier
2. Node Package Manager가 Nativefier가 작동하는 데 필요한 종속성을 다운로드할 때까지 기다립니다.

1. Windows 탐색기를 열고 Nativefier 앱을 배치할 폴더 위치로 이동합니다.
2. Shift 키를 누른 채로 폴더를 마우스 오른쪽 버튼으로 클릭하고 “터미널에서 열기”를 클릭합니다.

1. 기본 Nativefier 앱을 만들기 위해 다음 형식을 사용하여 이 명령을 입력합니다:

nativefier --name "웹사이트 이름" https://www.websitename.com

참고: 따옴표 사이의 “웹사이트 이름”을 변환할 웹사이트의 이름으로 바꾸고, “websitename.com”을 사이트의 주소로 바꿉니다. Nativefier가 필요한 파일을 다운로드하고 앱을 빌드할 때까지 기다립니다.

1. 탐색기 창으로 돌아가서 새로 생성된 앱이 포함된 폴더를 엽니다.
2. 그곳에 있는 유일한 실행 파일을 실행한 후, 다른 Windows 앱과 동일한 방법으로 작업 표시줄이나 시작 메뉴에 앱을 고정합니다.

장점

• 원하는 만큼 많은 앱과 격리된 세션을 생성할 수 있습니다.
• Chrome 또는 Edge 추적 없음
• 자원 소모가 적습니다.
• 완전히 휴대 가능합니다.
• 오픈 소스 아키텍처입니다.

단점

• 그래픽 사용자 인터페이스가 없습니다.
• 앱은 개별적으로 수동으로 업데이트해야 합니다.
• Google 서비스와 같은 일부 사이트는 호환성 문제가 있습니다.
• Edge 또는 Chrome 앱보다 더 많은 디스크 공간을 소모합니다.

또한 읽어보세요: Android 휴대폰을 Windows에 연결하는 방법

자주 묻는 질문

같은 컴퓨터에서 모든 솔루션을 시도할 수 있나요?

네! Microsoft Edge, Google Chrome, WebCatalog 및 Nativefier는 모두 Windows에서 공존할 수 있습니다. 사실, 동일한 웹사이트를 포함하는 네 개의 서로 다른 앱을 가질 수 있으며, 각 앱은 고유한 세션과 쿠키를 가집니다.

사용자 정의 설정으로 Nativefier 앱을 어떻게 만들 수 있나요?

터미널을 열고 이 명령을 입력하여 앱을 더욱 사용자 정의하기 위한 Nativefier의 모든 명령줄 매개변수를 나열합니다: nativefier --help.

내가 만든 모든 변환된 앱을 어떻게 볼 수 있나요?

Microsoft Edge에서 도구 모음의 세 점 아이콘을 클릭하고 “앱”으로 이동하여 “앱 관리”를 클릭합니다. Google Chrome에서는 “즐겨찾기” 바에서 “앱” 버튼을 클릭합니다. “즐겨찾기” 바 또는 아이콘이 보이지 않으면 대신 다음 웹 주소로 이동합니다: chrome://apps/. WebCatalog을 사용하여 만든 모든 앱을 보려면 시작 메뉴에서 WebCatalog을 실행하고 왼쪽 사이드바에서 “설치됨”을 클릭합니다. Nativefier는 사용자가 만든 앱을 추적하지 않습니다.

이미지 출처: Uxwing. 모든 스크린샷은 John Ruiz가 촬영했습니다.