그 외/트러블 슈팅 (5) 썸네일형 리스트형 백엔드와 API 통신 시 헤더 오류 평일은 플젝,주말엔 알바를 하다보니 블로그를 쓸 시간이 없었는데억울해서 좀 써야할 거 같아 남긴다. (백엔드분 잘못은 절대 아니다!)우리 플젝은 음식모임을 생성->만남을 위한 플젝이다.그럼 모임생성이 빨리 되어야하고 내가 그 역할을 맡게 되었다. 스웨거에서 제공 된 형식과 맞췄고 multipart/form-data으로 보냈다.그런데 자꾸 500에러가 뜨는 걸까? headers 부분에 쿠키도 따로 넣어보고credentials 값도 계속 변경해보고 했다.- omit (기본,쿠키 미전송) , include(쿠키 항상전송) , same-origin 쿠키를 동일출처 요청에만 전송왜냐면 콘솔로 찍혔을 땐 쿠키가 값이 잘들어왔다.(accessToken=쿠키값)이라고 한다면, 쿠키값만 정확히 콘솔에 찍혔기 때문이.. Next.js14 Suspense 오류 현재 15버전까지 나왔지만 호환성 이슈로 인해 14버전으로 프로젝트를 진행중이다.지금 하고 있는 플젝 중에 겪은 일이다.오류 내용은 코드블럭에 있다. Generating static pages (19/24) [= ] ⨯ useSearchParams() should be wrapped in a suspense boundary at page "/". Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout이 오류는 **useSearchParams()**가 Suspense로 감싸져 있지 않아서 발생한 것이다.. Next.js 13 이상부터는 useSearchParams 같은 훅이 클라이언트 컴포넌트에서만 동작하.. 권한 문제 나는 항상 npm , yarn 등이 설치가 안됐다.꼭 sudo를 붙혀야 됐다."이게 단순히 맥의 버전이 높아짐에 따라 권한을 높게 줘야하는구나?"라고 생각했는데오늘은 세부폴더의 파일변경이 안되는 것이다? ls -al을 쳐봤다.색깔이 다 다른데 뭔지 모르겠더라.drwxr-xr-x@ 이게 아마 읽기쓰기에 대한 권한으로 어렴풋이 알고 있는 상태였다.나는 권한을 다 줬다고 생각했는데 , 왜 문제가 계속 생기는 걸까? 한 10분동안 가만히 생각해봤다.아! 혹시 root,유저이름으로 생성한 게 문제였나? 알고보니 sudo로 프로젝트를 생성하면, root권한으로 생성 되는 것이었다!terminal에 "whoami"를 찍어봤더니 shinminho가 나온다.그렇다. 터미널을 쓰고 있는 나는 root가 아니다. shinm.. map 타입 오류(방어 코드로 해결) 굉장히 유용하게 쓰고 있는 게 있다. map을 돌리다 보면,이게 Array가 아니라 다른 내용물이 들어있을 수도 있기 때문에,map을 그냥 돌리면 오류가 뜰 수 있다. function NewPost({ club, setClub }) { // const currentClub = club.sort((a, b) => b.id - a.id); return ( {Array.isArray(club) && club.slice(0, 6).map((clubName, index) => ( Props를 내려받을 때 , club이 어떤 내용물인지 타입지정을 안해줬기 때문에 이렇게 사용했다. {Array.isArray(club) &&안에 돌릴 내용물 } .. netlify 빌드 방법 및 오류해결(React) 빌드할 때 오류 요소가 내가 생각하는 것보다 많았다.next는 netlify에서 SSR이 안된다고 한다. react , yarn 기준으로 설명하겠다. yarn build빌드하기 위해서 , 자신이 사용한 것 (yarn or npm)에 대한 빌드 명렁어를 입력한다. 빌드가 잘 되었다면 , npm에 경우 build 라는 폴더가 생겼을 것이다.나는 yarn이기에 dist라는 파일이 생겼다. 일단 프로젝트 폴더 안, 최상단에 netlify.toml이라는 파일을 만든다.아래엔 netlify.toml에 있는 코드다.[build]publish = "dist"command = "yarn build"[context.production.environment] TOML_ENV_VAR = "From netlify.to.. 이전 1 다음
