study/errorLog

🚨 발생한 문제와 상황게시글 좋아요 구현중 발생한 문제.const { data: likedId } = useQuery({ queryKey: ['liked', id, loginUser], queryFn: async () => { // like 테이블에서 feedID, 로그인한 userId와 일치하는 문서 있는지 확인 // ! boolean이니까 기본적으로 문서는 하나뿐이다 // 문서가 있으면 true, 없으면 false. const q = query( collection(db, 'like'), where('feedId', '==', id), where('userId', '==', loginUser) ) ..

🚨 발생한 문제와 상황header.tsx 컴포넌트에서 유저의 로그인 상태를 파악해 유저 정보를 로컬스토리지에 저장하고, 해당 값을 JSON.parse()로 가져오는 도중 에러가 발생했다. 아래는 문제가 발생한 부분이다. // header.tsxconst userCheck = () => { onAuthStateChanged(auth, async (user) => { if (user) { const uid = user.uid const q = query(collection(db, 'user'), where('uid', '==', uid)) const querySnapshot = await getDocs(q) const data = queryS..

백준에서 파이썬으로 문제를 풀던 중 발견한 에러. 검색해보니 문자열이 제대로 종료되지 않았다는 의미였다. 문자열이 제대로 종료되지 않았다는것은 다음의 경우일 수 있다. - 문자열 반환시 텍스트를 여닫을때 작은 따옴표나 큰 따옴표가 다름 - 이스케이프 문자를 제대로 처리하지 않음 - 문자열 작성시 여러 줄로 분할하지 않음 내 경우에는 이스케이프 문자를 제대로 처리하지 않아서 생긴 문제였다. 파이썬에서 사용할 수 있는 이스케이프 문자는 다음과 같다. 이스케이프 문자 뜻 \n 줄바꿈 \t 탭 \b 한칸 앞으로 \\ 백슬래시 \' 작은 따옴표 \" 큰 따옴표 참고한 링크 https://wikidocs.net/16475 강의 03 이스케이프 문자 이스케이프 문자 : *\ (백슬래시, 키보드에서 Enter 키 위 ..

지금 하는 프로젝트에서 .env로 환경변수를 사용하려고 했는데 오류가 발생했다. >> uncaught referenceerror: process is not defined

에러가 발생한 상황 json-server로 목업 api를 활용해 리액트로 투두리스트를 만들고 있었는데 갑자기 아래와 같은 에러가 나타나기 시작했다. 우선 내가 작성한 코드는 아래와 같은 형태이다. const [todos, setTodos] = useState(null) 을 사용해 투두를 관리할 상태를 만들고 초기값은 null로 주었다. 왜냐하면 데이터를 목업 api로부터 받아와서 넣을 것이기 때문에, 일단은 빈값인 null을 넣어줘야겠다고 생각했다. useEffect에서 처음 렌더링 될때 한번만 axios로 데이터를 받아와 setTodos로 값을 넣어준다. todos.map()으로 가져온 데이터를 ul 내부에 뿌려준다. // ... const TodoContainer = () => { const [tod..

문제 리액트로 리팩토링중인 클라이언트에서 express로 제작된 서버에 post 요청을 보냈는데 req.body가 계속 {} 빈 객체 형태로 나타나고 요청 body 값이 서버에서 제대로 인식되지 않았다. 해결 두가지를 확인해 봐야 한다. 1. 서버 - 미들웨어 등을 사용해 값을 제대로 꺼내오고 있는지 나는 express.json() 을 사용해서 request의 값을 손쉽게 가져올수있도록 설정했다. 2. 클라이언트 - 요청 headers에 컨텐츠 형식을 명시했는지 / 요청 body를 json으로 변환해서보내고 있는지 내 경우에는 json 변환은 해서 보내고 있었지만 헤더를 제대로 설정하지 않았어서, 헤더를 다시 설정해줌으로 해결했다! ***** https://stackoverflow.com/question..

node.js로 구현한 서버를 express로 리팩토링하던 도중 이런 에러가 발생했다. post 요청시 상태코드는 문제 없이 200이 뜨는데 필요한 값이 화면에 출력되지 않았다. 확인해보니 fetch로 요청한 데이터를 응답해줄때 문제가 있는 것 같다. 에러 메시지를 읽어보면 1. Uncaught ( in promise ) : promise 문법 오류 2. is not valid JSON : 유효한 JSON 형식이 아님 요청시에는 JSON.stringfy()메서드를 사용해 JSON 형태로 요청을 보내고 있는 것을 확인했기 때문에 아마 응답시에 다시 JSON 형태로 보내주지 않아서 발생하는 에러인것같다. 해결방법 : 응답때 보내주는 데이터를 JSON.stringfy로 변환하여 해결했다 => res.json(..

개인 깃허브에서 원래 쓰던 TIL 저장소를 내 노트북의 원격 저장소로 연결하고 새로 만든 폴더를 push했는데 이런 에러가 발생했다. 먼저 에러 로그를 읽고 검색해보니 remote repository와 local repository가 동기화 되어있지 않아서 발생하는 에러인것 같다. 기존 데이터가 손실되는 것을 막기 위해 push를 막은것이다. 이럴때에는 두가지 방법이 있다. 1️⃣ 강제로 푸시하기 $ git push origin +main // 또는 $ git fetch origin main main 부분에는 branch 이름을 넣어준다. 이때 조심해야 할것은 강제로 branch에 푸시하기 때문에 내가 변경한 내용만 반영되는 것이 아니라, 소스 전체에 push가 되어 버린다. 따라서 기존의 데이터가 손실..