react docker

frontend 개발 환경과 운영 환경 구분하기 개발환경과 운영환경을 구분하기 위해 Dockerfile , Dockerfile.dev 를 만듭니다. Dockerfile.dev FROM node:alpine WORKDIR /app COPY package.json ./ RUN npm install COPY ./ ./ CMD ["npm", "run", "start"] 운영환경에서 nginx 설정 정적 파일을 제공해주기 위한 Nginx를 위해서 frontend 안에 nginx 폴더 생성하고 default.conf 파일 생성 default.conf server { # nginx 가 listen 하고 있는 port 번호 listen 3000; location / { # html 파일이 위치할 루트 설정 root /..

cra 를 사용하여 react app 만들기 fullstack 폴더에서 frontend 폴더를 생성합니다. npx create-react-app frontend UI를 위한 코드 작성 수정되는 UI 를 바로 확인하기 위해서 react app을 실행합니다. npm start http://localhost:3000 글을 입력할수 있는 Input box 와 확인을 누를 수 있는 Button을 추가하겠습니다. App.js import logo from './logo.svg'; import './App.css'; function App() { return ( 확인 ); } export default App; 이벤트 핸들러 와 최종적인 코드입니다. 이글은 react 를 위한 글이기보단 docker 설정에 초점을 맞..