post, put, delete 할때 data 보내는 이유?

아하 그게 핵심이네요 감사합니다

post, put, delete 할때 data 보내는 이유?

노드버드 프로젝트에서는 프론트에서 업데이트를 일단 한 게 아니고, db 변경 후에 서버에서 받은 response를 프론트에 업데이트 시키는 거 아닌가요?? 그래서 프론트에서 비동기 처리 후에 success 또는 failure로 넘어가는 것 아닌가요? 아하 서비스에 맞게 자유롭게 하면 되는 거군요 감사합니다!

Application > Cookies 에 front에만 저장이 안 돼요...

한 번에 2개 요청이 간걸 보아loadMyInfo, loadPosts가 백엔드로 요청은 가는 거 같은데,여기에서 쿠키 전달이 안 되는지const cookie = context.req ? context.req.headers.cookie : ''; axios.defaults.headers.Cookie = ''; if (cookie) { axios.defaults.headers.Cookie = cookie; }(사진)my에 null을 반환하는 거 같네요.. SSR이라서 그런지는 모르겠지만 새로고침 이후 Network 탭에 응답 온게 확인이 안 되네요.. html css js 받기 전에 data를 불러오는 거라서..?(사진)프론트에서pages/index 는 이런 식으로 코드를 짜놓았구요.import wrapper from '../store'; import { useSelector, useDispatch } from 'react-redux'; import { loadMyInfo } from "../store/thunks/user"; import { loadPosts } from "../store/thunks/post"; import React, { useState, useEffect } from "react"; import type { NextPage } from 'next'; import RootState from "../store/state-types"; import axios from "axios"; import AppLayout from '../components/AppLayout'; import PostForm from '../components/PostForm'; import PostCard from '../components/PostCard'; import Link from "next/link"; const Home: NextPage = () => { const { my } = useSelector((state: RootState)=>state.user); const { mainPosts, loadPostsLoading, bringMorePosts } = useSelector((state: RootState)=>state.post); const dispatch = useDispatch(); const [prevLastId, setPrevLastId] = useState(-1); // useEffect(()=>{ // if(mainPosts.length { const handleScroll = () => { if(window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 300){ if(!loadPostsLoading && bringMorePosts){ if(prevLastId != mainPosts[mainPosts.length - 1]?.id){ dispatch(loadPosts({ lastId: mainPosts[mainPosts.length - 1]?.id })); } setPrevLastId(mainPosts[mainPosts.length - 1]?.id); } } } window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); } }, [loadPostsLoading, bringMorePosts]) return ( {my !== null && } {mainPosts.map((post)=>(post.Retweet ? : ))} ) } export const getServerSideProps = wrapper.getServerSideProps(async (context)=>{ const cookie = context.req ? context.req.headers.cookie : ''; axios.defaults.headers.Cookie = ''; if (cookie) { axios.defaults.headers.Cookie = cookie; } await context.store.dispatch(loadMyInfo()); await context.store.dispatch(loadPosts({})); // console.log(context.req); }); export default Home;그리고 프론트에서 cookie를 console.log을 하고 싶은데 npx pm2 kill을 하고 터미널 kill을 해도 제 브라우저가 살아있어서 npm start를 하면 already in use ::80 에러가 뜨네요..웃긴게 np2 pm2 reload all 을 하고 list보니까 아무것도 없고요 ㅋㅋㅋ(사진)그래서.. 쿠키가 안 받아지는 건 어디에서 시작된 버그인지 감이 안 잡히는데 도와주실 수 있을까요 엉엉...

Application > Cookies 에 front에만 저장이 안 돼요...

제로초님 덕분에 쿠키에 domain 넣는 거는 성공 했는데, domain 넣는 거랑 새로고침 시 로그인 풀리는 건 다른 문제 인가요? 감사합니다.

Application > Cookies 에 front에만 저장이 안 돼요...

프론트& 백엔드 쿠기 다 지우고 다시 로그인 시도했을떄프론트 Network 탭domain=.shinyoungyou.com은 있네요(사진)

Application > Cookies 에 front에만 저장이 안 돼요...

새로고침 후 로그인 시도 했을 때프론트 (사진)(사진)백엔드 (사진)

Application > Cookies 에 front에만 저장이 안 돼요...

아예 NODE_ENV 컨디션을 빼보고 다시 로그인 시도 했는데도 똑같아요사진 붙여도 의미는 없겠지만..(사진)(사진)

Application > Cookies 에 front에만 저장이 안 돼요...

혹시 브라우저에 캐시가 쌓여서 변경된 코드가 반영이 안되거나 그러기도 하나요..?

Application > Cookies 에 front에만 저장이 안 돼요...

네네 "start": "cross-env NODE_ENV=production pm2 start index.js",이거를 해주고 npx pm2 kill 했다가 npm start를 했고, 한 번 더 확인을 위해 process.env.NODE_ENV까지 화면에 찍어보았습니다..

Application > Cookies 에 front에만 저장이 안 돼요...

production 환경인건 맞는 거 같아요...