ChromeOS에서 웹 앱을 개발하는 것은 다른 운영체제에서 웹 앱을 개발하는 것과 거의 동일합니다. Linux에서 실행되는 모든 코드 편집기, IDE, 도구 또는 언어는 ChromeOS에서 실행됩니다. ChromeOS에는 웹 개발을 지원하도록 특별히 설계된 기능도 있습니다.
코드 편집기 및 IDE
Linux에서 실행되는 코드 편집기 또는 IDE는 ChromeOS에서 실행됩니다. ChromeOS의 Linux는 Debian 설치이며 Debian용 코드 편집기와 IDE는 일반적으로 세 가지 방법 중 하나로 설치됩니다. 예를 들어 Visual Studio Code는 파일 앱에서 더블클릭하여 설치할 수 있는 .deb 파일을 제공합니다. 반면 IntelliJ에서는 실행 파일이 포함된 tar 파일을 다운로드하여 Linux 컨테이너에 추출하고 실행할 수 있습니다. Sublime Text는 apt에서 설치해야 합니다.
언어 및 도구
스택이 JAM인지 LAMP인지, Python인지 Gopher인지에 관계없이 Linux에서 실행할 수 있다면 ChromeOS에서 실행할 수 있습니다. 언어와 도구를 설치할 때는 언어 버전 관리자를 사용하여 설치 및 업그레이드 프로세스를 간소화하고 작업하는 각 프로젝트에 대해 여러 버전의 언어를 전환할 수 있도록 하는 것이 좋습니다. Ruby 버전 관리자인 RVM은 언어 버전 관리자의 가장 오래되고 좋은 예 중 하나로, 여러 버전의 Ruby에 대해 Ruby와 종속 항목 (gem이라고 함)을 모두 관리할 수 있습니다. 대부분의 다른 언어에도 비슷한 버전 관리자가 있습니다. Node.js로 빌드된 이 사이트는 Node 버전 관리를 위해 Volta와 NVM을 지원합니다. Docker를 통해 언어와 도구를 관리하고 싶다면 그렇게 해도 됩니다.
localhost 터널링 및 포트 전달
ChromeOS용 Linux가 VM 내에서 실행되는 동안 Linux 환경에서 실행되는 서버는 기본 Chrome 브라우저로 자동 전달됩니다. 즉, 즐겨 사용하는 모든 Chrome 도구를 사용하여 웹 앱을 개발할 수 있으며 빌드한 항목을 테스트하는 방법을 파악하지 않아도 됩니다. 하지만 동일한 네트워크에 있는 다른 기기에 컴퓨터의 포트를 공유해야 하는 경우도 있습니다. 이러한 경우 포트 전달을 설정하는 방법을 읽어보세요.
좋아하는 Chrome
Chrome에서 즐겨 사용하는 모든 개발 도구도 ChromeOS에 있습니다. Linux 포트가 Chrome으로 전달되므로 Lighthouse를 비롯한 Chrome DevTools의 모든 기능을 사용하여 앱을 개발할 수 있으며 Accessibility Insights of Web과 같은 유용한 Chrome 확장 프로그램도 사용할 수 있습니다. 이렇게 하려면 Linux 환경에서 웹 서버를 시작하고 기본 Chrome 브라우저에서 localhost:PORT로 이동합니다 (PORT을 서버의 포트 번호로 대체). 필요한 경우 penguin.linux.test을 localhost의 대체로 사용할 수도 있습니다.
Chrome 이상의 기능
ChromeOS에서 웹 앱을 개발하면 다른 데스크톱 운영체제에서는 자랑할 수 없는 강력한 기능인 실제 모바일 브라우저에 대한 플랫폼 수준 지원을 받을 수 있습니다. ChromeOS에서 웹 앱을 개발할 때 Chrome에서만 테스트할 필요는 없습니다. Google Play 스토어를 사용하면 실제 모바일 브라우저를 설치하고 이를 사용하여 웹 앱을 테스트할 수 있습니다. Linux에서 실행되는 다른 전체 데스크톱 브라우저를 설치하고 거기서도 테스트할 수 있습니다. ChromeOS 사용자는 Chrome에서 웹 앱을 사용하지만, 브라우저 선택과 관계없이 모든 사용자에게 도달하는 웹 애플리케이션을 빌드하는 것이 중요하다는 점을 잘 알고 있습니다.
다른 Linux 브라우저에서 웹 앱을 테스트하는 것은 매우 간단합니다. Linux 설치 안내에 따라 해당 브라우저를 설치하고 localhost에 액세스할 수 있는 상태로 정상적으로 사용하면 됩니다. 하지만 Google Play 스토어를 통해 설치된 브라우저는 외부 기기에 있는 것처럼 취급해야 합니다. 이러한 브라우저에서 서버를 사용할 수 있도록 터미널에서 hostname -I를 실행하여 IP 주소를 찾고 탐색할 때 결과 IP 주소를 localhost 대신 사용합니다. 포트도 포함해야 합니다.