[RELEASE] v1.3

.github/workflows/web-business-publish.yml

@@ -19,7 +19,11 @@ jobs:
       uses: actions/setup-node@v3
       with:
         node-version: '20.9.0'
-
+
+    - name: env setting
+      run: |
+        echo "${{ secrets.REACT_ENV_DEVELOPMENT }}" > .
+
     - name: Docker build and push
       run: |
         docker build -t ${{ secrets.DOCKER_USERNAME }}/thepopbusinessweb .

src/api/adminBaseApi.js

@@ -9,7 +9,7 @@ import GetTokenFromLocalStorage from "./Common/token";
      */
 
 const adminInstance = axios.create({
-    baseURL: "http://15.164.236.13:8080/api/v1",
+    baseURL: `${process.env.REACT_APP_BASE_URL}${process.env.REACT_APP_API_PREFIX}`,
 });
 
 adminInstance.interceptors.request.use(

src/api/userBaseApi.js

@@ -10,7 +10,7 @@ import GetTokenFromLocalStorage from "./Common/token";
 
 
 const userInstance = axios.create({
-    baseURL: "http://15.164.236.13:8080/api/v1",
+    baseURL: `${process.env.REACT_APP_BASE_URL}${process.env.REACT_APP_API_PREFIX}`,
 });
 
 userInstance.interceptors.request.use(

src/components/administrator/ChatRoomDetail.jsx

@@ -34,7 +34,8 @@ const ChatRoomDetail = ({selectedChatRoomId, setModalIsOpen}) => {
      * @author 이상민
      */
     useEffect(() => {
-        const socket = new SockJS(`http://15.164.236.13:8080/ws`);
+        const baseUrl = `${process.env.REACT_APP_BASE_URL}${process.env.REACT_APP_CHAT_API_PREFIX}`;
+        const socket = new SockJS(baseUrl);
         const stomp = Stomp.over(socket);
         setStompClient(stomp);
         // 고유한 ID 생성

src/components/business/Chat/ChatRoom.jsx

@@ -37,7 +37,8 @@ const ChatRoom= ({selectedChatRoom, setSelectedChatRoom}) => {
      * @author 이상민
      */
     useEffect(() => {
-        const socket = new SockJS(`http://15.164.236.13:8080/ws`);
+        const baseUrl = `${process.env.REACT_APP_BASE_URL}${process.env.REACT_APP_CHAT_API_PREFIX}`
+        const socket = new SockJS(baseUrl);
         const stomp = Stomp.over(socket);
         setStompClient(stomp);
         // 고유한 ID 생성

src/components/business/TossPayModal/TossPayModal.js

@@ -56,15 +56,16 @@ function TossPayModal({postId, postType, price, file}) {
                             onClick={async () => {
                                 try {
                                     const orderId = nanoid()
+                                    const baseUrl = `${process.env.REACT_APP_BASE_URL}${process.env.REACT_APP_API_PREFIX}`
                                     await confirmTossPay(orderId)
                                     await paymentWidget?.requestPayment({
                                         orderId: orderId,
                                         orderName: "토스 티셔츠 외 2건",
                                         customerName: "김토스",
                                         customerEmail: "customer123@gmail.com",
                                         customerMobilePhone: "01012341234",
-                                        successUrl: `${process.env.REACT_APP_BASE_URL}/payments/toss/success`,
-                                        failUrl: `${process.env.REACT_APP_BASE_URL}/payments/toss/fail`
+                                        successUrl: `${baseUrl}/payments/toss/success`,
+                                        failUrl: `${baseUrl}/payments/toss/fail`
                                     })
                                 } catch (error) {
                                     // todo: 에러 모달창 추가 (예. 필수 항목 동의 체크)

src/setupProxy.js

@@ -7,17 +7,17 @@ const { createProxyMiddleware } = require("http-proxy-middleware");
 module.exports = function (app) {
     // API Proxy
     app.use(
-        "/api/v1",
+        `${process.env.REACT_APP_API_PREFIX}`,
         createProxyMiddleware({
-            target: "http://15.164.236.13:8080",
+            target: `${process.env.REACT_APP_BASE_URL}`,
             changeOrigin: true,
         })
     );
 
     app.use(
-        "/ws",
+        `${process.env.REACT_APP_CHAT_API_PREFIX}`,
         createProxyMiddleware({
-            target: "http://15.164.236.13:8080",
+            target: `${process.env.REACT_APP_BASE_URL}`,
             ws: true,  
         })
     );