전체 글

포기하지 않기 🐳
Today I Errored 🔥 (문제해결력)

배포의 문제인가 빌드의 문제인가

1.🧐 문제/목표 파악로컬에서 분명 잘 작동되던 게임이 Netlify에 올리니 작동하지 않는 문제가 발생했다. 배포 할 때 빌드가 잘못되서 그런 것인가 생각했다.   1.🎯 문제/목표 해결 : 문제 범위 좁히기우선 크게는 이게 배포를 하는 과정에서 생긴 문제인데,1) netlify 단에서 생긴 것인지2) vite 빌드를 하면서 생긴 것인지우선 파악을 해야 했다.     로컬에서 'vite'로만 실행 테스트를 했는데, 'vite build' -> 'vite preview'로 빌드 환경에서 실행 테스트를 해봤다. 그랬더니 netlify 배포했을 때랑 같은 에러 메시지가 떴다.그 말인 즉슨 이 문제는 vite build단에서 일어난 문제임을 알 수 있었다.  2.🎯 문제/목표 해결 : 검색 - 키워드: ..

Today I Errored 🔥 (문제해결력)

Netlify Function 에러 / Proxy

1.🧐 문제/목표 파악Netlify Function으로 서버리스 백엔드를 구축해서 배포한 후, 로컬에서 프론트로 테스트를 했더니 에러가 떴다. 다른 function에서는 정상 작동하는데 update_ideas function에서만 에러가 떠서 그 원인을 파악해야한다. 1.🎯 문제/목표 해결1) 범위 좁히기get_ideas와 update_ideas의 차이를 파악해서 무엇이 에러를 일으키는 변수인지 파악한다.get_ideas.js와 update_ideas.js를 비교한 결과 try-catch에러 핸들링 구간이랑 node-fetch import 구간 이렇게 2가지 차이점이 있음을 알 수 있다. 맨 처음에는 에러처리를 수정했는데 별 다른 개선이 없어서 node-fetch 라이브러리 import코드를 삭제했다..

Today I Errored 🔥 (문제해결력)

can't reslove

1. 🧐 문제/목표 파악 : can't reslove리액트에서 서버없이 몽고DB atlas를 쓰려고 하던 중 에러 발생   1. 🎯 문제/목표 해결될 턱이 없지 이 친구야. 그냥 node.js 환경에서 mongodb 라이브러리를 그대로 가져다 쓰면 리액트의 프론트엔드 처리에서 웹팩 관련해서 에러가 뜨지 않겠니....? 결국 서버 역할을 할 수 있는 호스팅 사이트를 따로 만들어야했다. 하지만 aws는 돈이 너무 많이 나가고, budget 컨트롤이 안되므로...Netlify function을 사용해 Severless 사이트를 만들어 호스팅하기로 했다. https://jwdevv.tistory.com/34 [React + MongoDB + Netlify] Netlify Serverless 함수와 몽고DB를..

정번연
좋아하고 싶은 걸 좋아하는 DEV