1. 무비 API 이용 풀스택 웹 프로젝트 ( React, Node.js express, MongoDB )

무비 API 이용 풀스택 웹 프로젝트 소요 기간 : 3일 겪었던 문제들 : 바보일기1, 바보일기2, 바보일기3, 바보일기4 Github : https://github.com/chalinuna/movie-app Demo : https://starlit-mooncake-064acc.netlify.app/ 배포 일기 : https://make-somthing.tistory.com/80 사용 언어와 기술, 라이브러리 및 DB Frontend - React (useState, useEffect, Axios, Proxy(Http-proxy-middleware), antd, formik, 등...) Backend - Node.js express ( Router, Body-Parser, Cookie-parser, Bc..

• format_list_bulleted 프로젝트/풀스택 프로젝트
• · 2022. 11. 13.
• textsms

백엔드 api 작성 괄호

문제 상황 내 좋아요 리스트를 받아오는것까지는 성공했는데 이상하게.. 메인화면으로 돌아가서 뭔가를 굳이 새로 좋아요를 해야만 리스트가 성공적으로 받아와졌다. 새로고침 해도 db 불러오는 것 뿐이니 멀쩡하게 되어야 했는데.. 원인 파악 '좋아요 버튼을 눌러야 -> db를 불러올 수 있음' 이라는 이상 현상에 따라 혹시 좋아요 버튼을 눌러야만 모든 api가 호출되도록 하는 이상현상이 아닐까 싶었다... 이런 순차적 종속이 일어나려면 괄호 실수밖에는 없어서 내가 괄호 안에 route를 집어넣은게 아닌지 봤더니 정말로.. 좋아요 버튼을 눌렀을 때 반응하는 api 안에 rotue들을 작성해서 일어난 문제였다. 해결 방법 냉큼 괄호정리 해서 빠져나오게 해주니 해결됨 하루에 네 번 바보되기 성공 하...

• format_list_bulleted 바보일기
• · 2022. 11. 12.
• textsms

Props로 정보 넘겨줄 때 오타냄

문제현상 유저가 누른 좋아요 리스트를 받아오려는데, userFrom 이름으로 저장된 ID와 일치하는 데이터 검색이 되지 않아서 리스트를 불러오지 못함. 몽고디비 확인해보니 좋아요 저장된 곳에 userFrom 데이터가 저장되어 있지 않은 것을 확인. 원인 처음 Favorite에서 props로 정보를 넘겨줄 때 오타냄 userFrom인데 userForm으로 오타를 내서.. 몽고디비는 당연히 userFrom을 저장하지 못하고 그걸 스루한 채 저장함. 해결방안 오타 수정..................... 수정한 뒤 몽고디비. 위쪽이 오타로 userFrom이 저장되지 않은 상태이고, 아래쪽이 잘 수정되어서 userFrom이 저장된 상태임 아! 오타잡는 ai만 있어도 세상 개발자들의 탈모가 줄어들텐데

• format_list_bulleted 바보일기
• · 2022. 11. 12.
• textsms

useEffect의 특성

문제 상황 좋아요 버튼을 만들고, 만일 내가 이걸 [누른 상태= Favorited = true] 일 때 다시 한 번 버튼을 누르면 api를 호출해 [Favorited=false]로 변하게 했는데, 이 코드가 작동하지 않아서 나 혼자 좋아요를 1만개 찍을 수 있게 됨 원인 파악 userEffect( () => {실행 코드}, [count] ) 에서 두번째 파라미터 [ ] 는 이 변수나 state가 변할 때만 useEffect안의 코드를 실행해준다. Axios.post('/api/favorite/favorited', variables) .then(response=>{ if(response.data.success){ setFavorited(response.data.favorited) console.log('u..

• format_list_bulleted 바보일기
• · 2022. 11. 12.
• textsms

[0] [nodemon] app crashed - waiting for file changes before starting...

무슨짓을 해도 [0] [nodemon] app crashed - waiting for file changes before starting... 뒤에 [HPM] Error occurred while trying to proxy request /api/favorite/favoriteNumber from localhost:3000 to http://localhost:5000 (ECONNREFUSED) 오류가 붙어왔는데.. cors 오류인가 싶어 다시 설치도 해보고 프록시 문제인가 싶어 프론트엔드의 리액트 패키지.json에 프록시 문장도 추가해봤는데 결국.. express로 만든 백엔드의 라우터에 module.exports = router; 를 추가하지 않았던게 문제였다. 그 후 다시 nodemon 충돌이 생겨..

• format_list_bulleted 바보일기
• · 2022. 11. 11.
• textsms