index on master: fe3db1b Merge branch 'master' into current2

Author: woorim960

client/app/src/apis/instance.ts

@@ -1,4 +1,8 @@
-const { REACT_APP_HOST_ADDRESS, REACT_APP_SERVER_PORT } = process.env;
+const {
+  REACT_APP_NODE_ENV, //
+  REACT_APP_SERVER_HOST_ADDRESS, //
+  REACT_APP_SERVER_PORT, //
+} = process.env;
 
 export class HTTP {
   private domain: string = "";
@@ -43,7 +47,11 @@ export class HTTP {
 }
 
 const instance = new HTTP(
-  `http://${REACT_APP_HOST_ADDRESS}:${REACT_APP_SERVER_PORT}`
+  `http://${
+    REACT_APP_NODE_ENV === "production"
+      ? REACT_APP_SERVER_HOST_ADDRESS
+      : "localhost"
+  }:${REACT_APP_SERVER_PORT}`
 );
 
 export default instance;

config/.client.env

@@ -1,8 +1,12 @@
+# If you want to deploy the production, put the "production".
+REACT_APP_NODE_ENV="development"
+
 # Client port number to open this react-app.
-PORT=80
+PORT=3000
 
 # Enter the same value as the PORT environment variable written in .server.env.
 REACT_APP_SERVER_PORT=8000 
 
 # Put the IP or host address of the computer you are using.
-REACT_APP_HOST_ADDRESS="52.78.64.144" 
+# The REACT_APP_SERVER_HOST_ADDRESS below only works when REACT_APP_NODE_ENV is "production", otherwise it works as "localhost".
+REACT_APP_SERVER_HOST_ADDRESS="localhost"