React 프론트엔드와 Node.js 백엔드의 도커 라이징

2020. 1. 28. 00:02서버 프로그래밍

https://dev.to/vguleaev/dockerize-a-react-app-with-node-js-backend-connected-to-mongodb-10ai

 

Dockerize a React app with Node.js backend connected to MongoDb

 

dev.to

https://heechan.me/posts/how-to-use-docker-compose/

 

Docker Compose로 멀티 컨테이너 Docker 어플리케이션 만들기 - yangroro

지난번 글(Docker 사용방법 둘러보기)에서 간단한 URL 기반의 조회수 어플리케이션을 Node JS와 Redis로 만들었다. 지난 글에서 Node JS 어플리케이션을 실행시키기 위해서 다음과 같은 명령어를 사용해야 했다. docker run -p 8080:8080 --env REDIS_URL=redis://heechan-macbook-13.local mydocker:latest 사용할 포트를 정의하고 환경변수를 넣었는데 겨우 2가지 조건이 설정된 간단

heechan.me

https://www.44bits.io/ko/post/almost-perfect-development-environment-with-docker-and-docker-compose

 

도커(Docker) 컴포즈를 활용하여 완벽한 개발 환경 구성하기

개발 환경을 구축하기란 그리 쉬운 일이 아닙니다. 문서화를 해두어도 누군가 계속 신경쓰지 않으면 내용이 낡기 마련이고, 계속 신경 쓰자니 이 또한 쉽지 않죠. 어떻게 하면 손쉽게 개발 환경을 구성하고, 곧바로 개발 과정에 들어갈 수 있을까요? 이 글에서는 도커를 사용하여 개발 환경 구성을 손쉽게 해결하는 방법을 알아보겠습니다.

www.44bits.io

http://raccoonyy.github.io/docker-usages-for-dev-environment-setup/

 

Docker (Compose) 활용법 - 개발 환경 구성하기

배포 환경에 Docker를 사용하고 있을 때 개발 환경에서도 Docker를 활용하면, 배포 환경과 개발 환경(테스트 환경까지도)이 최대한 일치하는 장점을 누릴 수 있을 것 같아서 시도를 해보았습니다. 슬라이드 버전 - https://goo.gl/MquH4r

raccoonyy.github.io

https://dev.to/numtostr/running-react-and-node-js-in-one-shot-with-docker-3o09

 

Running React and Node.js in one shot with Docker!

 

dev.to

https://medium.com/@xiaolishen/develop-in-docker-a-node-backend-and-a-react-front-end-talking-to-each-other-5c522156f634

 

Develop in Docker: a Node backend and a React front-end talking to each other

Recently I’ve started a new project which involves both a Node backend and a React front-end. The Node backend is a simple application…

medium.com

https://www.freecodecamp.org/news/create-a-fullstack-react-express-mongodb-app-using-docker-c3e3e21c4074/

 

How to create a full stack React/Express/MongoDB app using Docker

by João Henrique How to create a full stack React/Express/MongoDB app using Docker “assorted-color filed intermodal containers” by frank mckenna [https://unsplash.com/@frankiefoto?utm_source=medium&utm_medium=referral] on Unsplash [https://unsplash.com?utm

www.freecodecamp.org

 

참고할만한 레퍼런스가 넘치는구나!