트위터 졸작-뜻하지 않은 코드 생사확인

웰디(Well-D)·2023년 11월 12일
0

리팩토링은 못했지만..그래도 나의 코드의 생사를 확인할 수있어 다행이다
아맞다! 싶은 부분들이 많이 있었다. 코드 정말 지저분하다 히히...

에러가 발생했당

In a future version of the browser, cookies marked with SameSite=None; Secure and not Partitioned will be blocked in cross-site requests. This behavior protects user data from cross-site tracking.
Please refer to the article linked to learn more about preparing your site to avoid potential breakage.

쿠키가 생성되지 않아서 페이지가 넘어가질 않는 나의 졸작

네트워킹 탭을 자세히 보니 url쪽에서 문제가 있는 것 같았다.
폴더를 옮기면서 폴더구조가 바뀌어서 api에서 못받아오는 것이였음

일단 코샌에서 잘 되는것은 확인했다.

밑 블로그들에서 알려준 samesite cookie 설정은 내 크롬브라우저에서 찾을 수 없어서

(크롬 구글에서 chrome://flags/ 검색)
일단 cookie 관련 설정을 enable 진행해주었는데 이것도 잘 돌아가게 된데 영향이 있었던 건지 알수없다..나중에 한번 해보자(눈물)

혹시를 대비해 담이 추천해준데로 readme 에 잘 돌아가는 코샌박스 링크를 첨부했다.

그리고 혹혹시를 대비해 vercel에 배포해보는 중인데, 대충아는 자가 어거지로 배포해서 그런지 배포가 요상해서 트라이 해보는 중.
next 빌드쪽에서 경고가 나서 참고했던 스택오버플로우 글..
경고문구는 다음과 같았다.
You should not upload the .next directory.

https://stackoverflow.com/questions/50947389/nextjs-cannot-find-a-valid-build-in-the-next-directory

=> 다양하게 시도해봤는데 원본 깃을 건드리지않고(이미 제출했음) 해당 경고를 해결하면서도 정상적으로 쿠키가 만들어지는 경우가 없어서, 굳이 vercel로 배포하지는 않기로 결정했다.

처음에 났던 오류와 비슷하게 url쪽에서 오류가 나는데 뭔가 ..흠 배포할때 .next를 지워보고 배포하거나 아니면 폴더구조를 변경해서 root를 바꾸는 등 다른방식으로 배포를 해봐야할듯하다.

대신 잘 동작하는 코샌영상을 git read me 에 추가해서 혹시나 모를 오류를 방지하기로 했다

git 로 변경 후 issue를 이용해서 url을 구해서 영상을 올릴 수있는데 다음을 참고했다.

https://pgmjun.tistory.com/47

참고링크
(원래 설명을 써놨는데..chrom flags에서 설정을 변경하면서 velog가 날라가서 그냥 적는다)

https://darrengwon.tistory.com/647

https://velog.io/@mjooon98/Next.js-vercel%EC%97%90-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

https://velog.io/@codns1223/Etc-Vercel%EB%A1%9C-React-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

profile
Wellness 잘사는 것에 진심인 웰디입니다. 여러분의 몸과 마음, 통장의 건강을 수호하고싶어요. 느리더라도, 꾸준히

0개의 댓글