semi-final때도 헤더부분을 내가 작업했기에, 이 부분은 쉽게 진행할 수 있었다.
NO PROBLEM 😏
문제는 모바일 뷰였다...😭
const [isToggled, setIsToggled] = useState(false);
<MobileNav onClick={() => setIsToggled(!isToggled)}>
{isToggled ? (
<AiOutlineClose size="20" />
) : (
<AiOutlineMenu size="20" />
)}
</MobileNav>
서버측 관련 문제였다.
긴급 미팅으로 일단 문제가 무엇인지 파악을 한 후, 각자 해결방법을 찾아보기로 하였다.
아래와 같은 코드가 위에 사진에 적힌 에러 메세지를 보였다.
const { giver } = require('./models');
app.get('/', async (req, res) => {
const giver = await giver.findAll();
console.log(giver);
});
migration에 문제가 없었고,
db에 seed가 모두 다 잘 저장되어 있었기에,
혹시나 싶은 마음에 아래내용처럼 시도해보았다.
const { giver } = require('./models');
app.get('/', async (req, res) => {
const giverList = await giver.findAll();
console.log(giverList);
});
모델 정보를 불러와 그 정보를 담는 변수명을 바꾸어주니, 해당 오류가 해결되었다!!
모델명과 변수명이 같으면 오류가 발생하는 것 같은데,
이 부분에 대해 관련된 정보를 구글에서 찾아보려 했으나 찾기가 쉽지 않았따 ㅠㅠ
내가 이해한 바로는,
const user = await User.findAll()