로그인
장바구니에 상품이 없습니다.

삭제 기능 만들기 작업시 오류

이 주제에는 9개 답변, 2명 참여가 있으며 codingapple가 1 주, 6 일 전에 전에 마지막으로 업데이트했습니다.

강의로 돌아가기

10 글 보임 - 1 에서 10 까지 (총 10 중에서)

글쓴이

글

2025년 6월 23일 14:59 #140057

참가자

ListItem 컴포넌트 연결 자체에 정크 Runtime Error 계속 뜨는데 ...
어떻게 하면 좋을까요?
구글링해서
1. 강제 새로 고침
2. .next 폴더 지우고 재실행해보기
3. next 최신 버전 설치 (삭제는 하지 않고 설치만)
등 이것저것 해보았는데도 해결이 되지 않습니다 ㅠ.ㅠ

2025년 6월 23일 16:20 #140062

키 마스터

list/page.js 아니면 거기서 쓰는 컴포넌트에 이상한 코드가 있어서 그럴수도요

2025년 6월 24일 15:05 #140076

참가자

[삭제 기능 만들기] 이후 강의에서 build가 안되서 해결하고 지나가야 할 것 같은데
강의에서 작성된 코드랑 비교하고 구글링해보면서 이것저것 넣어보고 수정해보았는데도
해결이 안되서 코드 남깁니다 ..  간단한 건데 제가 못 찾고 있나 싶기도 하네요 ㅠㅠ.. 확인 부탁드립니다 ...

2025년 6월 24일 15:06 #140077

참가자

// list / page.js
import { connectDB } from '@/util/database';
import ListItem from './ListItem';
export default async function List() {
    const db = (await connectDB).db('forum');
    let result = await db.collection('post').find().toArray();
    return (
        <div className="list-bg">
            <ListItem result={result}/>
        </div>
    )
}

이 답변은 김소연에 의해 2 주 전에 수정됐습니다.

2025년 6월 24일 15:08 #140079

참가자

// list > ListItem.js
'use client'
import Link from 'next/link';
export default async function ListItem({result}) {
    return (
        <div>
            {
                result.map((a, i) =>
                    <div className="list-item" key={i}>
                        <Link href={"/detail/" + a._id}>
                            <h4>{a.title}</h4>
                        </Link>
                        <Link href={"/edit/"+ a._id}>✏</Link>

2025년 6월 24일 15:11 #140081

참가자

fetch('/api/post/delete', {method : 'DELETE', body : a._id})
.then((r) => r.json())
.then(() => { 
e.target.parentElement.style.opacity = 0
setTimeout(() => {
e.target.parentElement.style.display = "none"
}, 1000)
})

2025년 6월 24일 15:12 #140083

참가자

이건 span onClick 이벤트입니다
계속 올릴 수 없다고 떠서 쪼개서 올렸어요

2025년 6월 24일 16:36 #140086

키 마스터

빌드말고 npm run dev할 때의 에러메세지는 안뜹니까 
다음 강의에서 ObjectId() 되어있는 부분을 문자로 바꿔서 props전송하고 그런게 있을텐데 해봅시다

2025년 6월 24일 18:23 #140088

참가자

네 .. npm run dev 할 때는 안뜨고 /list로 오면 그렇습니다 ..

2025년 6월 25일 12:00 #140101

키 마스터

다음 강의에서 ObjectId() 되어있는 부분을 문자로 바꿔서 props전송하라는것도 해봅시다

글쓴이

글

10 글 보임 - 1 에서 10 까지 (총 10 중에서)

답변은 로그인 후 가능합니다.

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠