Windows 컨테이너에서 ReactJs를 실행하는 방법

개발자님, 이 기사에서는 windows container에서 ReactJs 애플리케이션을 실행하는 방법을 살펴보겠습니다.

에서 설명한 Windows 컨테이너(공식 NodeJ가 아님)에서 NodeJ를 실행할 수 있는 도커 이미지를 사용합니다.

먼저 create-react-app에서 c:\Projects로 사용하기 위해 고유한 my-own-cra를 생성합니다.

npx create-react-app my-own-cra

이제 컨테이너를 직접 실행하거나 docker-compose 를 사용하여 둘 다 살펴보겠습니다.

1. 컨테이너 직접 실행

이제 내부에 create-react-app이 있는 하나의 컨테이너를 실행합니다. 이를 위해 아래 명령을 사용합니다(powershell 사용).

docker run -t -p 3000:3000 --name=my-own-cra-windows-container -v C:\Projects\my-own-cra\:C:\app\ henriqueholtz/node-win:16.17.0 cmd /c "npm -v & node -v & npm start"

터미널의 결과는 다음과 같습니다.



이제 http://localhost:3000를 사용하여 브라우저에서 액세스하고 Windows 컨테이너에서 실행 중인 create-react-app을 볼 수 있습니다.

2. docker-compose로 컨테이너 실행

먼저 dpcker-compose.yml (c:\Projects\my-own-cra에서 다음과 같이 생성합니다.

version: '3.8'

services:
  my-own-cra:
    container_name: my-own-cra
    image: henriqueholtz/node-win:16.17.0
    command: cmd /c "npm -v & node -v & npm start"
    ports:
      - '3000:3000'
    volumes:
      - "C:\\Projects\\my-own-cra\\:C:\\app\\"

그런 다음 동일한 폴더에서 터미널을 열고 docker-compose를 실행합니다.

docker-compose up

여기에서도 http://localhost:3000에 액세스할 수 있으며 이전과 동일하게 create-react-app이 실행되는 것을 볼 수 있습니다.

읽어 주셔서 감사합니다!