Docker React 환경 간편 구축

개요

Docker를 사용하여 쉽게 React 환경을 구축하는 방법을 소개합니다.

환경

macOS Big Sur 11.4

Docker 20.10.6

docker-compose 1.29.1

구성

.
├ docker
│ └ node
│   └ Dockerfile
├ node
│   └ react-sample
└ docker-compose.yml

절차

이번에는 react-sample라는 이름으로 응용 프로그램이 만들어집니다.

1. docker-compose.yml 만들기

다른 이름이 좋으면 아래 react-sample를 변경하십시오.

docker-compose.yml

version: '3.9'

services:
  node:
    build: ./docker/node
    volumes:
      - ./node:/usr/src/app:cached
    command: sh -c "cd react-sample && yarn start"
    ports:
      - "3000:3000"

2. Dockerfile 만들기

FROM node:16-alpine
WORKDIR /usr/src/app

3. React 앱 구축

다른 이름이 좋으면 아래 react-sample를 변경하십시오.

docker-compose run --rm node sh -c "npm install -g create-react-app && create-react-app react-sample"

4. 시작

docker-compose up -d

5. 확인

http://localhost:3000 를 방문해 봅시다.
아래와 같은 화면이 표시되면 성공입니다.コンテナが立ち上がってから、画面表示されるまで少しラグがある場合があります。

참고

5분으로 시작하기React with Docker

Reference

이 문제에 관하여(Docker React 환경 간편 구축), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/A-Kira/items/d2f9c8cef9346cb32229

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다