Update: README.md docker compose

@@ -32,44 +32,48 @@ khuwitch는 크게 아래의 항목들로 동작한다고 볼 수 있습니다.
 3. 채팅 메시지가 외국어인 경우 Papago의 번역 API를 이용해 내용을 번역한 뒤 채팅으로 번역 내용을 전송하고, socket io를 통해 현재 khuwith 서비스에 접속 중인 사용자에게도 번역 내용을 전송합니다.
 4. frontend에서는 수신한 text를 `AWS Polly` 를 이용해 음성 파일로 변환한 뒤, 접속자의 브라우저에서 재생합니다.
 
-## 빌드 및 실행 방법
+## 빌드 및 배포 방법
 
-> 추후 보완 예정
+우선은 docker-compose를 이용해 서버에서 실행할 것이기 때문에 이미지 빌드를 위해 docker를 설치해야하고, 서버에는 docker와 docker-compose를 설치해야합니다.
 
-### local에서 실행하기
-
-**frontend**
+### 빌드
 
+frontend를 예시로하겠습니다. backend의 경우 `frontend` 를 `server`로 변경하면 됩니다.
 ```bash
-$ PORT=8000 npm start
+# docker 설치 후
+$ cd frontend
+$ docker build . -t umi0410/khuwitch-frontend
+$ docker push umi0410/khuwitch-frontend
 ```
 
-**backend**
+### 배포
+
+배포는 frontend든 backend든 상관없이 docker-compose로 한 번에 배포합니다. 빌드 때와 마찬가지로 docker를 설치해주시고, 추가적으로 docker-compose를 설치한 뒤 서비스를 구동시킵니다.
 ```bash
-$ KHUWITCH_PORT=3000 npm start
+# 서버 접속 후 docker 설치 후 docker-compose 설치
+$ sudo curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
+$ sudo chmod +x /usr/local/bin/docker-compose
+$ curl http://khuhub.khu.ac.kr/2016101168/khuwitch/raw/queueingmp3/docker-compose.yml -o /tmp/docker-compose.yml
+$ sudo docker-compose pull && sudo docker-compose /tmp/docker-compose.yml up -d # or docker-compose up -d 
 ```
 
-### docker image 빌드 후 docker-compose로 실행
-
-**frontend 빌드**
+### 개발을 위해 실행하기
 
-```bash
-$ docker build -f Dockerfile-frontend -t khuwitch/frontend
-```
+**frontend**
 
-**backend 빌드**
 ```bash
-$ docker build -f Dockerfile-backend -t khuwitch/backend
+$ cd frontend
+$ npm install
+$ PORT=8000 npm start
 ```
 
-**docker-compose로 실행**
-
+**backend**
 ```bash
-$ docker-compose -f docker-compose.yml -f docker-compose-dev.yml up
+$ cd server
+$ npm install
+$ npm start
 ```
 
-기본적 설정으로 존재하는 `docker-compose.yml` 에 추가적인 내용을 담은 `docker-compose-{{NAME}}.yml` 을 전달함으로써 설정을 Override할 수 있습니다.
-
 ## 사용 방법
 
 _로그인 화면 추후 추가.png_