개인 프로젝트에서 쿠키가 안들어오는데 여쭤봐도 될까요..?

답변해주셔서 감사합니다! 열심히 해결해보겠습니다ㅠㅠ

개인 프로젝트에서 쿠키가 안들어오는데 여쭤봐도 될까요..?

제로초님의 말씀을 듣고 서버에서 쿠키 도메인을 localhost로 임의로 설정했는데,(사진)사진처럼 에러가 뜹니다ㅠㅠ(사진)Cookies는 이렇게 나옵니다.서버에서 프록시 서버를 활용해야 될까요? 아님 다른 해결 방안이 있을까요..?

개인 프로젝트에서 쿠키가 안들어오는데 여쭤봐도 될까요..?

(사진)Cookies 탭 누르면 이렇게 나옵니다!

워크스페이스 목록들이 오지 않아요ㅠㅠ

오타 때문이었네요.. 지금은 해결했습니다! 같이 고민해주셔서 감사합니다!!

워크스페이스 목록들이 오지 않아요ㅠㅠ

(사진)워크스페이스 추가했는데 이러면 안가는거죠..?

워크스페이스 목록들이 오지 않아요ㅠㅠ

import axios from 'axios';import React, { FC, useCallback, useState } from 'react';import { Redirect, Route, Switch } from 'react-router';import useSWR from 'swr';import { AddButton, Channels, Chats, Header, LogOutButton, MenuScroll, ProfileImg, ProfileModal, RightMenu, WorkspaceButton, WorkspaceName, Workspaces, WorkspaceWrapper,} from '@layouts/Workspace/styles';import gravatar from 'gravatar';import loadable from '@loadable/component';import Menu from '@components/Menu';import { Link } from 'react-router-dom';import { IUser } from '@typings/db';import { Button, Input, Label } from '@pages/SignUp/styles';import useInput from '@hooks/useInput';import Modal from '@components/Modal';import { toast } from 'react-toastify';import fetcher from "@utils/fetcher";const Channel = loadable(() => import('@pages/Channel'));const DirectMessage = loadable(() => import('@pages/DirectMessage'));const Workspace: FCReact.PropsWithChildren{}>> = ({ children }) => { const [showUserMenu, setShowUserMenu] = useState(false); const [showCreateWorkspaceModal, setShowCreateWorkspaceModal] = useState(false); const [newWorkspace, onChangeNewWorkspace, setNewWorkspace] = useInput(''); const [newUrl, onChangeNewUrl, setNewUrl] = useInput(''); const { data: userData, error, mutate, } = useSWRIUser | false>('/api/users', fetcher, { dedupingInterval: 2000, }); const onLogout = useCallback(() => { axios .post('http://localhost:3095/api/users/logout', null, { withCredentials: true, }) .then(() => { mutate(false, false); }); }, []); const onCloseUserProfile = useCallback((e: any) => { e.stopPropagation(); setShowUserMenu(false); }, []); const onClickUserProfile = useCallback(() => { setShowUserMenu((prev) => !prev); }, []); const onClickCreateWorkspace = useCallback(() => { setShowCreateWorkspaceModal(true); }, []); const onCreateWorkspace = useCallback( (e: any) => { e.prevenDefault(); if (!newWorkspace || !newWorkspace.trim()) return; if (!newUrl || !newUrl.trim()) return; axios .post( '/api/workspaces', { workspace: newWorkspace, url: newUrl, }, { withCredentials: true, }, ) .then(() => { mutate(); setShowCreateWorkspaceModal(false); setNewWorkspace(''); setNewUrl(''); }) .catch((error) => { console.dir(error); toast.error(error.response?.data, { position: 'bottom-center' }); }); }, [newWorkspace, newUrl], ); const onCloseModal = useCallback(() => { setShowCreateWorkspaceModal(false); }, []); if (!userData) { return Redirect to="/login" />; } return ( div> Header> RightMenu> span onClick={onClickUserProfile}> ProfileImg src={gravatar.url(userData.email, { s: '28px', d: 'retro' })} alt={userData.email} /> {showUserMenu && ( Menu style={{ right: 0, top: 38 }} show={showUserMenu} onCloseModal={onCloseUserProfile}> ProfileModal> img src={gravatar.url(userData.email, { s: '28px', d: 'retro' })} alt={userData.email} /> div> span id="profile-name">{userData.email}span> span id="profile-active">Activespan> div> ProfileModal> LogOutButton onClick={onLogout}>로그아웃LogOutButton> Menu> )} span> RightMenu> Header> WorkspaceWrapper> Workspaces> {userData?.Workspaces?.map((ws) => { return ( Link key={ws.id} to={`/workspace/${ws.url}/channel/일반`}> WorkspaceButton>{ws.name.slice(0, 1).toUpperCase()}WorkspaceButton> Link> ); })} AddButton onClick={onClickCreateWorkspace}>+AddButton> Workspaces> Channels> WorkspaceName>SleactWorkspaceName> MenuScroll>MenuScrollMenuScroll> Channels> Chats> Switch> Route path="/workspace/channel" component={Channel} /> Route path="/workspace/dm" component={DirectMessage} /> Switch> Chats> WorkspaceWrapper> Modal show={showCreateWorkspaceModal} onCloseModal={onCloseModal}> form onSubmit={onCreateWorkspace}> Label id="workspace-label"> span>워크스페이스 이름span> Input id="workspace" value={newWorkspace} onChange={onChangeNewWorkspace} /> Label> Label id="workspace-url-label"> span>워크스페이스 urlspan> Input id="workspace" value={newUrl} onChange={onChangeNewUrl} /> Label> Button type="submit">생성하기Button> form> Modal> div> );};export default Workspace; 이렇게 작성했는데 워크스페이스 추가가 되지 않습니다ㅠ