diff --git a/.env b/.env new file mode 100644 index 0000000..729fbeb --- /dev/null +++ b/.env @@ -0,0 +1 @@ +VITE_BASE_URL = https://api.kaboo.site:8081 diff --git a/package-lock.json b/package-lock.json index 263a769..d3af3c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,6 +16,7 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "react-markdown": "^9.0.1", + "react-query": "^3.39.3", "react-router-dom": "^6.26.1", "socket.io": "^4.7.5", "socket.io-client": "^4.7.5", @@ -1881,7 +1882,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true, "license": "MIT" }, "node_modules/base64id": { @@ -1893,6 +1893,15 @@ "node": "^4.5.0 || >= 5.9" } }, + "node_modules/big-integer": { + "version": "1.6.52", + "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz", + "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==", + "license": "Unlicense", + "engines": { + "node": ">=0.6" + } + }, "node_modules/body-parser": { "version": "1.20.2", "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz", @@ -1936,13 +1945,28 @@ "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, + "node_modules/broadcast-channel": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/broadcast-channel/-/broadcast-channel-3.7.0.tgz", + "integrity": "sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.7.2", + "detect-node": "^2.1.0", + "js-sha3": "0.8.0", + "microseconds": "0.2.0", + "nano-time": "1.0.0", + "oblivious-set": "1.0.0", + "rimraf": "3.0.2", + "unload": "2.2.0" + } + }, "node_modules/browserslist": { "version": "4.23.3", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz", @@ -2162,7 +2186,6 @@ "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true, "license": "MIT" }, "node_modules/content-disposition": { @@ -2434,6 +2457,12 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/detect-node": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", + "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", + "license": "MIT" + }, "node_modules/devlop": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz", @@ -3495,6 +3524,12 @@ "node": ">= 0.6" } }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "license": "ISC" + }, "node_modules/fsevents": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", @@ -3595,6 +3630,27 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "deprecated": "Glob versions prior to v9 are no longer supported", + "license": "ISC", + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/glob-parent": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", @@ -3862,6 +3918,17 @@ "node": ">=0.8.19" } }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.", + "license": "ISC", + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, "node_modules/inherits": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", @@ -4359,6 +4426,12 @@ "set-function-name": "^2.0.1" } }, + "node_modules/js-sha3": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/js-sha3/-/js-sha3-0.8.0.tgz", + "integrity": "sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==", + "license": "MIT" + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -4531,6 +4604,16 @@ "yallist": "^3.0.2" } }, + "node_modules/match-sorter": { + "version": "6.3.4", + "resolved": "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.4.tgz", + "integrity": "sha512-jfZW7cWS5y/1xswZo8VBOdudUiSd9nifYRWphc9M5D/ee4w4AoXLgBEdRbgVaxbMuagBPeUC5y2Hi8DO6o9aDg==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.8", + "remove-accents": "0.5.0" + } + }, "node_modules/mdast-util-from-markdown": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.1.tgz", @@ -5149,6 +5232,12 @@ ], "license": "MIT" }, + "node_modules/microseconds": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/microseconds/-/microseconds-0.2.0.tgz", + "integrity": "sha512-n7DHHMjR1avBbSpsTBj6fmMGh2AGrifVV4e+WYc3Q9lO+xnSZ3NyhcBND3vzzatt05LFhoKFRxrIyklmLlUtyA==", + "license": "MIT" + }, "node_modules/mime": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", @@ -5186,7 +5275,6 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, "license": "ISC", "dependencies": { "brace-expansion": "^1.1.7" @@ -5201,6 +5289,15 @@ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", "license": "MIT" }, + "node_modules/nano-time": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/nano-time/-/nano-time-1.0.0.tgz", + "integrity": "sha512-flnngywOoQ0lLQOTRNexn2gGSNuM9bKj9RZAWSzhQ+UJYaAFG9bac4DW9VHjUAzrOaIcajHybCTHe/bkvozQqA==", + "license": "ISC", + "dependencies": { + "big-integer": "^1.6.16" + } + }, "node_modules/nanoid": { "version": "3.3.7", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", @@ -5364,6 +5461,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/oblivious-set": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/oblivious-set/-/oblivious-set-1.0.0.tgz", + "integrity": "sha512-z+pI07qxo4c2CulUHCDf9lcqDlMSo72N/4rLUpRXf6fu+q8vjt8y0xS+Tlf8NTJDdTXHbdeO1n3MlbctwEoXZw==", + "license": "MIT" + }, "node_modules/on-finished": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", @@ -5376,6 +5479,15 @@ "node": ">= 0.8" } }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "license": "ISC", + "dependencies": { + "wrappy": "1" + } + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -5501,6 +5613,15 @@ "node": ">=8" } }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/path-key": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", @@ -5790,6 +5911,32 @@ "react": ">=18" } }, + "node_modules/react-query": { + "version": "3.39.3", + "resolved": "https://registry.npmjs.org/react-query/-/react-query-3.39.3.tgz", + "integrity": "sha512-nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.5.5", + "broadcast-channel": "^3.4.1", + "match-sorter": "^6.0.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + }, + "react-native": { + "optional": true + } + } + }, "node_modules/react-refresh": { "version": "0.14.2", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz", @@ -5912,6 +6059,12 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/remove-accents": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.5.0.tgz", + "integrity": "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==", + "license": "MIT" + }, "node_modules/requires-port": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", @@ -5955,6 +6108,22 @@ "node": ">=0.10.0" } }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "license": "ISC", + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/rollup": { "version": "4.20.0", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.20.0.tgz", @@ -6835,6 +7004,16 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/unload": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/unload/-/unload-2.2.0.tgz", + "integrity": "sha512-B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA==", + "license": "Apache-2.0", + "dependencies": { + "@babel/runtime": "^7.6.2", + "detect-node": "^2.0.4" + } + }, "node_modules/unpipe": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", @@ -7191,6 +7370,12 @@ "node": ">=0.10.0" } }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "license": "ISC" + }, "node_modules/ws": { "version": "8.17.1", "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", diff --git a/package.json b/package.json index 9c8c27d..bb626cc 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "react-markdown": "^9.0.1", + "react-query": "^3.39.3", "react-router-dom": "^6.26.1", "socket.io": "^4.7.5", "socket.io-client": "^4.7.5", diff --git a/src/App.jsx b/src/App.jsx index ad91439..c2dd80c 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -6,31 +6,29 @@ import { Link, useLocation, } from "react-router-dom"; -import Header from "./components/Common/Header"; +import { QueryClient, QueryClientProvider } from 'react-query'; import HomeMain from "./pages/homepages/HomeMain"; -import GlobalStyle from "./components/Common/GlobalStyle"; import { PeopleListPage } from "./pages/PeopleListPage/PeopleListPage.jsx"; import { PeopleDetailPage } from "./pages/PeopleDetailPage/PeopleDetailPage.jsx"; import ChatPage from "./pages/chat/ChatPage"; -import KakaoLogin from "./pages/join/KakaoLogin.jsx"; -import KakaoRedirect from "./pages/join/KakoRedirect.jsx"; -import JoinPage from "./pages/join/JoinPage.jsx"; import RTCPage from "./pages/WebRTC/VideoPage.jsx"; -import LoginPage from "./pages/LoginPage.jsx"; + +// QueryClient 인스턴스 생성ß +const queryClient = new QueryClient(); + function App() { return ( + - }> + }> }> - }> + }> } /> } /> - } /> - } /> - } /> + ); } diff --git a/src/components/Common/Header.jsx b/src/components/Common/Header.jsx index 7554de1..c1a053c 100644 --- a/src/components/Common/Header.jsx +++ b/src/components/Common/Header.jsx @@ -11,7 +11,7 @@ function Header() { { - navigate("/list"); + navigate("/"); }} > @@ -19,17 +19,14 @@ function Header() { - 카부 게시판 - 카부 프로젝트 - 카부 편의 + 카부 게시판 + 카부 프로젝트 + 카부 편의 카부 커넥션 - { - navigate("/login"); - }}/> + ); diff --git a/src/pages/PeopleDetailPage/PeopleDetailPage.jsx b/src/pages/PeopleDetailPage/PeopleDetailPage.jsx index 9f9e757..fb7359b 100644 --- a/src/pages/PeopleDetailPage/PeopleDetailPage.jsx +++ b/src/pages/PeopleDetailPage/PeopleDetailPage.jsx @@ -1,20 +1,39 @@ -import React from "react"; +import React, { useEffect, useState } from "react"; import Layout from "../../components/Common/Layout.jsx"; import RoundBox from "../../components/Common/RoundBox.jsx"; import MarkdownEditor from "../../components/PeopleDetailComponents/MarkdownEditor/MarkdownEditor.jsx"; -import Line from "../../components/Common/Line/Line.jsx" -import {ColumnContainer, TeamTextStyle,RowContainer} from "./PeopleDetailPage.style.js" -import Text from "../../components/Common/Text.jsx" -import ImageCircle from "../../components/PeopleDetailComponents/CircleImage/CircleImage.jsx" +import Line from "../../components/Common/Line/Line.jsx"; +import { ColumnContainer, TeamTextStyle, RowContainer } from "./PeopleDetailPage.style.js"; +import Text from "../../components/Common/Text.jsx"; +import ImageCircle from "../../components/PeopleDetailComponents/CircleImage/CircleImage.jsx"; import {TalkButton} from "../../components/PeopleDetailComponents/TalkButton/TalkButton.jsx"; import {LogoutButton} from "../../components/PeopleDetailComponents/LogoutButton/LogoutButton.jsx"; +import fetchMemberByName from '../../services/fetchMemberByName.js'; export const PeopleDetailPage = () => { - const myPage = true; // 임시 + const [member, setMember] = useState({}); + const myPage = true; + + useEffect(() => { + const loadMemberData = async () => { + try { + const response = await fetchMemberByName(); + if (response.data.success) { + setMember(response.data.data); + } else { + console.error('member data 로드 실패:', response.data.message); + } + } catch (error) { + console.error("'member data 로드 에러", error.message); + } + }; + + //loadMemberData(); + }, []); return ( -





+
@@ -41,15 +60,14 @@ export const PeopleDetailPage = () => { /> - { myPage ? : } {/*내 페이지 / 다른 사람 페이지 구분*/} + {myPage ? : } - - -
- - + +
-





+
); -}; \ No newline at end of file +}; + +export default PeopleDetailPage; diff --git a/src/pages/PeopleListPage/PeopleListPage.jsx b/src/pages/PeopleListPage/PeopleListPage.jsx index 3a4637d..ceffa12 100644 --- a/src/pages/PeopleListPage/PeopleListPage.jsx +++ b/src/pages/PeopleListPage/PeopleListPage.jsx @@ -1,91 +1,61 @@ -import React from "react"; +import React, { useEffect, useState } from "react"; import { useNavigate } from "react-router-dom"; import Layout from "../../components/Common/Layout.jsx"; import MiniLayout from "../../components/Common/miniLayout.jsx"; import PeopleCard from "../../components/PeopleListComponents/PeopleCard/peopleCard.jsx"; +import fetchMembersList from "../../services/fetchMembersList.js"; +import dummyImages1 from "../../assets/dummyImages/peopleList.jpeg" export const PeopleListPage = () => { - const navigate = useNavigate(); - const handleCardClick = () => { - navigate('/details'); - }; + const navigate = useNavigate(); + const [members, setMembers] = useState([]); + const [isLoading, setIsLoading] = useState(true); + const [error, setError] = useState(null); - return ( - - - - - - - - - - - - - - - - - ); + useEffect(() => { + const displayMembers = async () => { + setIsLoading(true); + try { + const membersData = await fetchMembersList(); + console.log('Fetched Members:', membersData.data); // 데이터 구조를 확인하기 위해 콘솔에 출력 + if (membersData && membersData.data && membersData.data.memberList) { + setMembers(membersData.data.memberList); + } else { + console.error('Invalid data structure:', membersData); + setMembers([]); // 데이터 구조가 올바르지 않을 경우 빈 배열 설정 + } + setIsLoading(false); + } catch (error) { + console.error('Failed to fetch members:', error); + setError(error); + setIsLoading(false); + } + }; + + displayMembers(); + }, []); +; + + const handleCardClick = () => { + navigate('/details'); + }; + + if (isLoading) return
로딩 중...
; + if (error) return
에러 발생: {error.message}
; + + return ( + + + {members.map((member, index) => ( + + ))} + + + ); }; diff --git a/src/pages/kakaologin/LoginPage.jsx b/src/pages/kakaologin/LoginPage.jsx new file mode 100644 index 0000000..edeb8b3 --- /dev/null +++ b/src/pages/kakaologin/LoginPage.jsx @@ -0,0 +1,30 @@ +import React from 'react'; + +function LoginPage() { + const handleLogin = () => { + try { + console.log('Attempting to redirect to OAuth provider...'); + + // Redirection URL 로그 추가 + // const redirectUrl = `https://kauth.kakao.com/oauth/authorize?client_id=${kakaoClientId}&redirect_uri=${redirectUri}&response_type=code`; + const redirectUrl = "http://localhost:8081/oauth2/authorization/kakao"; + console.log('Redirect URL:', redirectUrl); + + window.location.href = redirectUrl; + console.log('Redirection triggered.'); + } catch (error) { + console.error('Error during redirection:', error); + } + }; + + + + return ( +
+

Login Page

+ +
+ ); +} + +export default LoginPage; diff --git a/src/services/fetchMemberByName.js b/src/services/fetchMemberByName.js new file mode 100644 index 0000000..eb089cc --- /dev/null +++ b/src/services/fetchMemberByName.js @@ -0,0 +1,20 @@ +import { instance } from './../api/instance.js'; + +const fetchMemberByName = async (koreanName) => { + try { + const encodedName = encodeURIComponent(koreanName); + const response = await instance.get(`/api/auth/member?name=${encodedName}`); + console.log('Received response:', response); + + if (response.data.success) { + return response.data.data; + } else { + throw new Error(response.data.message || "Failed to fetch member data"); + } + } catch (error) { + console.error("Error fetching member data:", error.message); + throw error; + } +}; + +export default fetchMemberByName; diff --git a/src/services/fetchMembersList.js b/src/services/fetchMembersList.js new file mode 100644 index 0000000..e44fe85 --- /dev/null +++ b/src/services/fetchMembersList.js @@ -0,0 +1,18 @@ +import {instance} from './../api/instance.js'; + +const fetchMembersList = async () => { + try { + const cookies = document.cookie; + console.log('Sending cookies:', cookies); + + const response = await instance.get('api/auth/member/all', { + }); + console.log('들어오는 응답',response); + return response; + } catch (error) { + console.error("Error fetching chat list!:", error.message); + throw error; + } +}; + +export default fetchMembersList; \ No newline at end of file