본문 바로가기

IT 잡지식72

[Docker] 리액트 앱 배포-3 안녕하세요, 쯀리입니다. 지난 시간에 리액트 앱을 설치하고, 도커이미지와 볼륨을 통해 리액트 앱을 실행 해보았습니다. [Docker] 리액트 앱 배포 [Docker] 리액트 앱 배포-2 오늘은 도커 컴포즈로 좀 더 간단하게 테스트 해보고 운영환경을 위한 Nginx를 실행해보겠습니다. 도커 컴포즈로 좀더 간단하게 앱 실행하기 저번시간에 Volume을 명령어로 쳐서 복잡하게 실행해주었는데요, docker-compose.yml에 작성해보고 Docker Compose를 이용해서 실행해보겠습니다. docker-compose.yml 파일 version: "3" services: react: # 컨테이너 이름 build: context: . # 도커 이미지를 구성하기위한 파일과 폴더들이 있는 위치 dockerfile.. 2023. 9. 9.
[Docker] 리액트 앱 배포-2 안녕하세요, 쯀리입니다. 지난 시간에 리액트 앱을 설치해보았는데, [Docker] 리액트 앱 배포 오늘은 생성된 도커이미지를 이용해서 리액트 앱을 실행해 보고 볼륨이라는 것이 무엇인지 알아보겠습니다. 생성된 도커 이미지로 리액트 앱을 실행해보기 우선 도커 이미지에 이름을 줘서 실행해주겠습니다. -t 옵션 : 이름 주기 docker build -f Dockerfile.dev -t jjwdocker/docker-react-app ./ build가 완료가 되면 이름이 생긴 이미지를 확인 할 수 있습니다, 이미지로 실행해보겠습니다. docker run [이미지 이름] react는 포트번호: 3000번에서 기본적으로 실행 되는데 확인하러 가보겠습니다 연결이 되지 않습니다 ㅜㅜ 왜일까요?? 포트를 지정해주지 않아서.. 2023. 9. 8.
[Docker] Docker Compose 안녕하세요, 쯀리입니다. 지난 시간엔 간단하게 dockerfile이 무엇인지 알아보았습니다. 오늘은 Docker Compose가 무엇인지 알아보겟습니다. Docker Compose란? docker compose는 다중 컨테이너 도커 Application을 정의하고, 실행하기 위한 도구입니다. 와닫지 않을텐데 간단한 애플리케이션을 생성해보도록 하겠습니다. 접속시에 1씩 올라가는 어플리케이션을 Redis를 사용해서 컨테이너를 만들어보겠습니다. 먼저 폴더를 하나 생성해주겠습니다. mkdir docker-compose-app npm이 설치되어있어야합니다. npm 버전을 확인해볼게요 설치되어있지 않다면 npm을 설치해 주도록 하겠습니다. 설치가 완료가 됐다면 npm init을 해주겠습니다. npm init이란, .. 2023. 9. 6.