목표: - 어플리케이션을 빌드한 결과물을 Docker Image로 만든다. - Docker Image를 내 Docker Hub repository에 올린다. - 로컬 pc에서 Docker Hub에 올린 Image를 pull 받아서 실행한다. 1. React 앱 생성 (create-react-app) 2. 빌드 npm build 3. Docker를 사용하기 위해 프로젝트 루트에 Dockerfile, nginx.conf 파일 생성 Dockerfile # nginx 이미지를 사용합니다. 뒤에 tag가 없으면 latest 를 사용합니다. FROM nginx # root 에 app 폴더를 생성 RUN mkdir /app # work dir 고정 WORKDIR /app # work dir 에 build 폴더 생성 ..

이전 포스팅에서 이어지는 내용입니다 Create React App(1) - 개발환경 구축, npm WARN ... error!? React를 좀 더 쉽고 빠르게 학습하기 위해 React공식문서를 참고해 create-react-app이라는 React 샘플 웹앱을 설치하고 실행하려고 한다. https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react.. kkangdda.tistory.com 2. JS 코딩하기 1) 사용자정의태그, component public > index.html 살펴보기 src > index.js 살펴보기 import App from './App'; ... ReactDOM.render(, document.getElementB..

React를 좀 더 쉽고 빠르게 학습하기 위해 React공식문서를 참고해 create-react-app이라는 React 샘플 웹앱을 설치하고 실행하려고 한다. https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app 새로운 React 앱 만들기 – React A JavaScript library for building user interfaces ko.reactjs.org 공식사이트에서는 Create React App이라는 Toochain을 제공해준다. 간편하게 개발환경을 구축하고 React를 빠르게 익힐 수 있다. 1. 개발환경 구축 ~ 샘플 앱 구동시키기 : (문제발생) npm WARN saveError ENOENT : no s..