React Native로 윈도우 데스크탑 프로그램 만들기

1. 환경구성 실행

Set-ExecutionPolicy Unrestricted -Scope Process -Force;
iex (New-Object System.Net.WebClient).DownloadString('https://aka.ms/rnw-vs2022-deps.ps1');

기존에 설치한 nvm 하고는 상성이 않맞아서 nodejs 는 재설정을 했다. ( 20.12.2 )

 

2. 프로젝트 생성

npx --yes react-native@latest init HelloWindowsApp --version "latest"
cd HelloWindowsAPp
npx --yes react-native-windows-init --overwrite

 

3. 프로젝트 실행 테스트

npx react-native run-windows

 

4. 개발환경 설정

visual studio code 실행 해서 해당프로젝트 오픈

reactive native tools 플러그인 설치

 

.vscode/launch.json 파일 신규 후 아래 파일 저장

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Windows",
      "cwd": "${workspaceFolder}",
      "type": "reactnative",
      "request": "launch",
      "platform": "windows"
    }
  ]
}

 

F5로 디버그 모드 실행

--> 잘안된다..

실행은 npm run windows 로 하는걸로..

 

5. 단독실행프로그램으로 빌드 하기

Visual Studio 2022 로 프로젝트 내의 windows 폴더 밑에 sln 파일오픈

프로젝트 > 게시 > 앱 패키지 만들기

기본값으로 쭈욱 진행하면 msix 파일이 만들어진다!

--> 근데 설치파일이 300메가가 넘는듯... 쓰진 못하겠다..

 

** 참고자료

Get Started with Windows · React Native for Windows + macOS (microsoft.github.io)

React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React

 

System Requirements · React Native for Windows + macOS (microsoft.github.io)

React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React

 

Visual Studio를 사용하여 앱 설치 관리자 파일 만들기 - MSIX | Microsoft Learn

Visual Studio를 사용하여 앱 설치 관리자 파일 만들기 - MSIX