Dockerfile11 도커 입문 26 (최종) - 도커 compose (Nginx ,React, Spring, Mysql 연동) - Nginx를 활용한 리액트와 스프링 연동 😎다룰 내용도커를 사용해서 react, spring, DB를 nginx의 리버스 프록시로 연결하는 개념과 실습을 알아보자. 진행할 내용에 대한 개념docker를 통해서 프론트엔드와 백엔드 DB 그리고 Nginx 웹 서버를 구성하는 개념에 대해 알아보자.먼저, 앞서 진행한 구조는 아래와 같았다. 서버를 compose를 통해 구성하면서, 동일 네트워크에 구성하였다.그리고 각 서버의 주소는 생성에 따라 동적으로 할당되기에 compose에서 서비스 명칭을 참조하면 해당 ip값을 자동으로 참조하며, 백엔드에서 DB와 연동에 있어 환경변수 설정에 이것이 이용되도록 하였다. DB서버의 IP의 Port를 참조한다. = DNS 등록 이제 여기에 Nginx 웹서버를 통해서 프록시 서버를 구성하고 클라이언트의 요청에 따.. Docker/Docker 입문 2025. 1. 18. 도커 입문 25 - 도커 compose (Nginx ,React, Spring, Mysql 연동) - 리액트와 스프링 연동 😎다룰 내용Spring서버와 DB 서버를 연동한 docker-compose를 실행하고, 리액트에서 이를 연동하여 화면을 그리는 방법에 대해 알아보자. 스프링과 DB 연동먼저, docker-compose 스크립트는 아래와 같고 스프링과 DB의 Dockerfile을 실행하고 연동하는 동작을 수행한다.services: db: build: context: ./db dockerfile: Dockerfile ports: - 3309:3306 volumes: - ./docker-test-db/store:/var/lib/mysql networks: - network server: build: context: ./product .. Docker/Docker 입문 2025. 1. 14. 도커 입문 24 - 도커 compose (Nginx ,React, Spring, Mysql 연동) - nginx 로 html 실행하기 (feat. React) 😎다룰 내용웹 서버인 Nginx에 React가 그린 html 파일을 사용하는 방법에 대해서 알아보자. React와 WS(Nginx)React를 기존에 실행하던 npm start 명령어는 node.js로 실행하는 것이다. 이는 리액트 라이브러리를 사용해서 javascript로 화면을 그리고 build하여 html을 만드는 과정이다. 그리고 이렇게 생성된 html을 웹 서버에 던져 웹 서버 내부에 html 파일을 두고 클라이언트에게 보여주는 것이 일반적이다.이번에는 Nginx를 사용하여 이러한 과정의 실습을 진행할 것이다. 이를 표현하면 아래와 같은 모식도를 가질 것이다. 이를 위해서 먼저, nginx 폴더를 만들고 도커 파일을 통해 로컬에서의 html파일을 복사하여 실행하는 과정을 살펴보겠다. Ngin.. Docker/Docker 입문 2025. 1. 10. 도커 입문 20 - 도커 compose (spring, mysql 연동 - 각 dockerfile 작성과 compose 구성), 동일 네트워크 구성 방법과 이점 😎다룰 내용도커 컴포즈로 spring boot와 mysql을 연결하고 실행하는 과정을 알아본다. 연동에 있어 고려할 점 mysql 정보도커 컴포즈를 활용해서 spring boot와 mysql을 연결하기 위해서는 mysql의 연결 url, IP, PORT, ID, Password 등을 알아야한다. 가상화 환경Docker를 통한 가상화로 실행하려면 로컬에는 필요한 프로그램 설치가 없어도 괜찮다. 대신 이 경우에 고려할 점들이 있는데, ✅ spring 서버와 mysql 서버를 동일 네트워크로 묶어주는 것✅ 데이터를 저장할 볼륨을 지정하는 것 ✅ 두 서버를 연동하는 것 이에 대한 모식도는 아래와 같다. 이를 실행하기 위한 폴더에서 실습을 위한 아래의 깃 레퍼지토리 코드를 사용해서 진행한다.https://gi.. Docker/Docker 입문 2024. 12. 30. 도커 입문 19 - 도커 compose 튜토리얼 따라하기(flask, redis, 캐시 삭제) 😎다룰 내용도커 컴포즈에서 제공하는 튜토리얼에 따라 flask와 redis를 사용하는 웹 애플리케이션 서비스 과정을 실습해보겠다. https://docs.docker.com/compose/gettingstarted/ QuickstartCheck out this tutorial on how to use Docker Compose from defining application dependencies to experimenting with commands.docs.docker.com Flask 기본 사용먼저 간단하게 flask사용법에 대해 파악하기 위해서 설치 후에 다음과 같은 코드를 작성하고 실행하였다. from flask import Flaskapp = Flask(__name__)@app.route('.. Docker/Docker 입문 2024. 12. 30. 도커 입문 17 - 도커file ( mysql 환경 변수와 데이터 저장 ) 😎다룰 내용도커 file을 통해서 mysql을 실행하는 경우 환경변수의 사용과 더불어 데이터 저장을 위한 볼륨 연결에 대해서 알아본다. Docker 기반 MySQL 환경변수 설정현재 사용하는 OS( window )위에서 도커( 가상화 )를 사용하여, mysql을 사용하는 경우 필요한 변수를 생성하고 mysql이 해당 변수들을 끌어다 사용하는 방법에 대해서 실습해겠다. 도커 허브 mysql 이미지에 대한 설명을 살펴보면, 환경변수 설정에 대한 설명이 자세히 나와있다. 이 중 필요한 환경 변수를 고려하여 아래와 같은 dockerfile 스크립트를 작성하고 build와 더불어 실행해보았다. ENV가 환경 변수를 설정하기 위한 스크립트 설정 명령어이다.그리고 MYSQL 작동에 있어 필요한 변수들에 대한.. Docker/Docker 입문 2024. 12. 27. 도커 입문 16 - 도커file ( nginx를 로비 서버로 활용 ) 😎다룰 내용도커 파일로 NGINX를 로비서버로 설정하는 방법에 대해서 알아보자.( 단일 진입 경로 서버 ) NGINX를 사용해서 로비 서버를 구성하는 실습을 진행하기 위해서 아래와 가이 프로젝트의 폴더 구조를 구성했다. 각 서버 실행하기server1과 server2 폴더가 있고각 폴더 하에 있는 도커 파일은 아래와 같다. 모두 nginx 서버 내용을 담은 도커 파일이다.FROM nginxCOPY webapp /usr/share/nginx/htmlENTRYPOINT ["nginx", "-g", "daemon off;"] 그리고 각 폴더의 webapp에 있는 index.html은 아래와 같이 작성되었다. ✅ server1 폴더의 index.html 파일 nginx server1✅ server2 폴더.. Docker/Docker 입문 2024. 12. 26. 도커 입문 15 - 도커file (Nginx 설정 수정/복사하기, find/copy 명령어) 😎다룰 내용도커 파일로 NGINX의 설정파일을 수정함에 있어, 직접 컨테이너에 접근하여 경로를 확인하고 수정하는 방법을 알아보자. Nginx 이미지 파악하기 먼저, 도커 허브에 들어가서 공식 내용을 찾아 다음과 같은 file을 작성하였다. FROM nginx# COPY webapp /usr/share/nginx/html# COPY conf/nginx.conf /etc/nginx/nginx.confENTRYPOINT ["nginx", "-g", "daemon off;"] 각 로컬에서 폴더 아래 작성된 내용을 NGINX 컨테이너의 해당 디렉토리에 COPY하는 내용이다.정말, 로컬에서 전달하는 폴더의 내용이 NGINX 이미지의 해당 디렉토리에 복사하면 되는지 직접 컨테이너 내부를 살펴보자.이를 확인하기 위.. Docker/Docker 입문 2024. 12. 25. 도커 입문 14 - 도커file (Nginx 분석, inspect 명령어) 😎다룰 내용도커 file 작성에 있어 사용하는 nginx에 대해 알아보며 이미지를 분석하는 방법에 대해서 알아보자 이미지 분석( feat. NGINX )특정 이미지를 활용하는 방법에 대해서 알고 싶다면, 대게 dockerhub에 자세하게 기술되어 있다.nginx을 검색하여 들어가보면 사용법에 대해 아래와 같이 자세하게 기술되었다. 이를 통해서 해당 이미지에 대한 많은 정보들을 파악할 수 있다. 그리고 해당 이미지의 내부 설정값에 대한 자세한 내용을 볼 수도 있다.( inpect 명령어를 사용하여 ) Inspect 명령어 nginx 이미지를 컨테이너로 실행하고 inspect 명령어로 실습하는 과정을 알아보겠다.먼저, nginx 이미지를 컨테이너로 실행하고 를 입력하면 해당 컨테이너의 다양한 설정값 관.. Docker/Docker 입문 2024. 12. 25. 도커 입문 12 - Dockerfile(EntryPoint와 Workdir) 😎다룰 내용도커 file 작성에 있어서 Workdir과 entrypoint에 대해서 알아보겠다 Workdit 설정과 entrypoint 도커 파일 해당 설정들을 이해하기 위한 실습을 진행해보자. 우선 도커 허브에 있는 아래의 이미지를 사용할 것이다. 지금부터는 도커 파일 작성과 실습 과정을 이어가보자.아래의 링크에서 파일을 다운받고https://github.com/codingspecialist/aws-v3/blob/release/aws-v3-0.0.3.jar aws-v3/aws-v3-0.0.3.jar at release · codingspecialist/aws-v3elastic bean stalk. Contribute to codingspecialist/aws-v3 development by creat.. Docker/Docker 입문 2024. 12. 13. 도커 입문 11 - Dockerfile 😎다룰 내용도커 file에 대해서 알아보고 간단한 실습을 진행한다. 도커 file 작성하기도커 file이란, 이미지를 구성할 때 작성하는 스크립트를 docker file이라고 부른다. 일단 실행 중인 컨테이너 및 pull한 이미지는 없는 상태이다.그리고 다음과 같은 명령어를 실행한다. 각 명령어의 의미는 mkdir dockerwork현재 디렉토리에서 이름이 dockerword인 새 폴더를 생성 cd .docker현재 디렉토리 안에 있는 .docker라는 이름의 하위 폴더로 이동 cd..상위 디렉토리로 이동 cd dockerwork현재 디렉토리의 dockerwork 폴더로 이동 이제 dockerwork 폴더에 들어가서 notepad 명령어를 실행해주면,메모장이 열린다. 그리고 열린 메모장에서 다음.. Docker/Docker 입문 2024. 12. 13. 이전 1 다음