BuildEnough

<img src="https://cdn.inflearn.com/public/files/posts/ca5bc6e3-93d7-40d9-99a6-6338d7793b0b/72b66578-391a-423f-bede-1cbed4947002.png" media-type="img" alt="스크린샷 2025-11-25 오전 9.38.36.png" title="스크린샷 2025-11-25 오전 9.38.36.png" width="643" height="536"><p style="text-align: left">React 버전입니당 <br>로딩쪽은 뛰어넘고 실습 중에 있어요</p>

강의 9분 45초 질문입니다

<img src="https://cdn.inflearn.com/public/files/posts/702e4bc7-98bf-49e5-b2fe-9cafafdb872c/0606f577-83b5-4d72-9fab-dac8439b2cda.png" media-type="img" alt="스크린샷 2025-11-23 오후 5.30.39.png" title="스크린샷 2025-11-23 오후 5.30.39.png" width="598" height="97"><p style="text-align: left">lottie는 잘 받아져있는거 같고 loading-animation.json 파일 경로도 맞는거 같아요 근데 오류 코드로 콘솔 창엔 밑에 처럼 나오고</p><img src="https://cdn.inflearn.com/public/files/posts/49d0c05b-de00-41f0-bf97-ee03eef8678e/643c4dfd-edd3-4273-902f-9988a0156ad5.png" media-type="img" alt="스크린샷 2025-11-23 오후 5.33.54.png" title="스크린샷 2025-11-23 오후 5.33.54.png" width="583" height="315"><p style="text-align: left">현재 Loading.jsx 코드는 </p><pre><code class="language-javascriptreact">import Lottie from "react-lottie";
import animationData from "../../assets/loading-animation.json";

function Loading() {
    const defaultOptions = {
        loop: true,
        autoplay: true,
        animationData: animationData.default,
        rendererSettings: {
            preserveAspectRatio: "xMidYMid slice",
        },
    };
    // return <div>Loading</div>
    return <Lottie options={defaultOptions} />;
}

export default Loading;
</code></pre><p style="text-align: left">이렇습니다</p>

BuildEnough

投稿