본문 바로가기
Server/Docker

Docker로 리액트앱 생성하기

by 꼬바리 2023. 5. 1.

Ctrl + ~ 터니널 실행

$ docker run -it --name node-01 node:17-alpine3.15 ash

 

Unable to find image 'node:17-alpine3.15' locally
17-alpine3.15: Pulling from library/node
df9b9388f04a: Already exists
1bedfac31d6a: Pull complete
6463b5f3dbb1: Pull complete
885e68a88c76: Pull complete
Digest: sha256:76e638eb0d73ac5f0b76d70df3ce1ddad941ac63595d44092b625e2cd557ddbf
Status: Downloaded newer image for node:17-alpine3.15

이미지를 다운받아 (-it 옵션을 사용하였음으로) 자동으로 컨테이너 실행한다.

 

$ node -v
v17.9.1

노드 버전을 확인해보자

 

$ npx create-react-app web

노드의 명령어 npx로 리액트 앱 web 을 생성한다.

 

Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

y 입력해주면 생성된다.

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Creating a new React app in /web.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

 

cd web 생성한 웹 폴더로 이동

npm start

실행해준다.

 

localhost:3000 으로 web을 띄워준다

그럼 안띄워진다.

도커의 격리성 덕분에 localhost로 실행 불가능하다.

 

바인드마운트를 사용하기 위해선 -v옵션을 사용한다.

$ docker run -it --name node-02 -v /code:/code node:17-alpine3.15 ash

docker run -it --name node-02 -v c:\code:/code  node:17-alpine3.15 ash

docker run -it --name node-02 -v 호스트의 경로:/컨테이너의 경로  node:17-alpine3.15 ash

! 호스트의 경로는 절대경로를 사용해주는것이 좋다 ( Window 에선)

 

 

728x90
반응형

댓글