Merge pull request #83 from DMU-DebugVisual/inseong

url change

Author: Danto7632

.gitignore

@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.vscode
 
 npm-debug.log*
 yarn-debug.log*

src/components/community/Community.jsx

@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import "./Community.css";
-
-const API_BASE = "http://52.79.145.160:8080";
+import config from "../../config";
 
 export default function Community() {
     const navigate = useNavigate();
@@ -33,7 +32,7 @@ export default function Community() {
                     headers.Authorization = `Bearer ${token}`;
                 }
 
-                const res = await fetch(`${API_BASE}/api/posts`, {
+                const res = await fetch(`${config.API_BASE_URL}/api/posts`, {
                     method: "GET",
                     headers,
                     signal: controller.signal,

src/components/community/CommunityWrite.jsx

@@ -5,8 +5,7 @@ import {
     FaImage, FaHeading, FaListUl, FaListOl, FaMinus
 } from "react-icons/fa";
 import "./CommunityWrite.css";
-
-const API_BASE = "http://52.79.145.160:8080";
+import config from "../../config";
 
 // ✅ 백엔드 ENUM과 일치하는 허용 태그
 const ALLOWED_TAGS = [
@@ -102,7 +101,7 @@ export default function CommunityWrite() {
 
         try {
             setSubmitting(true);
-            const res = await fetch(`${API_BASE}/api/posts`, {
+            const res = await fetch(`${config.API_BASE_URL}/api/posts`, {
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",

src/components/community/PostDetail.jsx

@@ -2,8 +2,7 @@
 import React, { useEffect, useState, useMemo, useRef } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import "./PostDetail.css";
-
-const API_BASE = "http://52.79.145.160:8080";
+import config from "../../config";
 
 export default function PostDetail() {
     const { id } = useParams(); // /community/post/:id
@@ -62,7 +61,7 @@ export default function PostDetail() {
     const refreshLikeCount = async () => {
         try {
             const bust = Date.now();
-            const res = await fetch(`${API_BASE}/api/posts/${id}/like?t=${bust}`, {
+            const res = await fetch(`${config.API_BASE_URL}/api/posts/${id}/like?t=${bust}`, {
                 method: "GET",
                 headers: { Accept: "*/*", "Cache-Control": "no-cache", Pragma: "no-cache" },
                 cache: "no-store",
@@ -97,7 +96,7 @@ export default function PostDetail() {
                 }
 
                 // ✅ 게시글 상세
-                const res = await fetch(`${API_BASE}/api/posts/${id}`, {
+                const res = await fetch(`${config.API_BASE_URL}/api/posts/${id}`, {
                     method: "GET",
                     headers: { Accept: "application/json", Authorization: authHeader },
                     signal: controller.signal,
@@ -152,7 +151,7 @@ export default function PostDetail() {
                 setLoadingComments(true);
 
                 // ✅ 댓글 목록 (배열/페이지객체 모두 대응)
-                const res = await fetch(`${API_BASE}/api/comments/${id}`, {
+                const res = await fetch(`${config.API_BASE_URL}/api/comments/${id}`, {
                     method: "GET",
                     headers: { Accept: "application/json", Authorization: authHeader },
                     signal: controller.signal,
@@ -211,7 +210,7 @@ export default function PostDetail() {
             setLikeCount((c) => Math.max(0, c + (willLike ? 1 : -1)));
 
             // 2) 서버 토글 호출
-            const res = await fetch(`${API_BASE}/api/posts/${id}/like`, {
+            const res = await fetch(`${config.API_BASE_URL}/api/posts/${id}/like`, {
                 method: "POST",
                 headers: {
                     Accept: "application/json",
@@ -255,7 +254,7 @@ export default function PostDetail() {
 
         try {
             setPosting(true);
-            const res = await fetch(`${API_BASE}/api/comments`, {
+            const res = await fetch(`${config.API_BASE_URL}/api/comments`, {
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
@@ -277,7 +276,7 @@ export default function PostDetail() {
 
             // 🔄 작성 후 최신 목록/개수 재조회
             const bust = Date.now();
-            const refresh = await fetch(`${API_BASE}/api/comments/${id}?t=${bust}`, {
+            const refresh = await fetch(`${config.API_BASE_URL}/api/comments/${id}?t=${bust}`, {
                 headers: { Accept: "application/json", Authorization: authHeader, "Cache-Control": "no-cache", Pragma: "no-cache" },
                 cache: "no-store",
             });

src/components/header/Header.jsx

@@ -3,6 +3,7 @@ import { NavLink, Link, useNavigate, useLocation } from "react-router-dom";
 import { FaMoon, FaSun, FaUserCircle, FaBell } from "react-icons/fa";
 import "./Header.css";
 import logoImage from '../../assets/logo3.png';
+import config from '../../config';
 
 const Header = ({ isDark, setIsDark, isLoggedIn, nickname, onLoginModalOpen }) => {
     const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
@@ -23,7 +24,7 @@ const Header = ({ isDark, setIsDark, isLoggedIn, nickname, onLoginModalOpen }) =
             const token = localStorage.getItem('token');
             if (!token) return;
 
-            const response = await fetch('http://52.79.145.160:8080/api/notifications', {
+            const response = await fetch(`${config.API_BASE_URL}/api/notifications`, {
                 method: 'GET',
                 headers: {
                     'Content-Type': 'application/json',
@@ -78,7 +79,7 @@ const Header = ({ isDark, setIsDark, isLoggedIn, nickname, onLoginModalOpen }) =
     const handleNotificationRead = async (id) => {
         try {
             const token = localStorage.getItem('token');
-            await fetch(`http://52.79.145.160:8080/api/notifications/${id}/read`, {
+            await fetch(`${config.API_BASE_URL}/api/notifications/${id}/read`, {
                 method: 'PUT',
                 headers: {
                     'Authorization': `Bearer ${token}`