🔧잘못된 이미지 포멧과 성능 최적화 문제

[KIMGEUNDU]

⭐ 병합하면서 어차피 합쳐질 꺼라서 임시로 남겨놓겠습니다!!!

[KIMGEUNDU]

저희 svg 파일 용량이 너무 커서 png로 변경했습니다.

❗EmptyContents.jsx

import NotCogi from './NotCogi';
import { string } from 'prop-types';

EmptyContents.propTypes = {
    children: string,
};

function EmptyContents({ children }) {
    return (
        <>
            <NotCogi />
            <p className="text-center text-[30px] text-ec1 text-xl mt-6">
                {children}
            </p>
        </>
    );
}

export default EmptyContents;

❗EmptyPage.jsx

import { Helmet } from 'react-helmet-async';
import Header from '@/components/Header';
import Nav from '@/components/Nav';
import EmptyContents from '@/components/EmptyContents';

function Empty() {
    return (
        <>
            <Helmet>
                <title>콘텐츠 없음</title>
            </Helmet>
            <div className="max-w-[600px] min-w-[320px] bg-ec4 flex flex-col items-center min-h-[100vh] m-auto py-20 relative justify-center">
                <Header>콘텐츠 없음</Header>
                <EmptyContents />
                <Nav />
            </div>
        </>
    );
}

export default Empty;

❗ NotCogi.jsx

import { string } from 'prop-types';
import notCogi from '@/assets/notCogi.png';

NotCogi.propTypes = {
    width: string,
};

function NotCogi({ width = 'w-72' }) {
    return (
        <img className={`${width}`} src={notCogi} alt="게시글없음" aria-hidden />
    );
}

export default NotCogi;

❗KeyLogo.jsx

import { Link } from 'react-router-dom';
import key from '/keyLogo.png';
import { string } from 'prop-types';

KeyLogo.propTypes = {
    path: string,
};

function KeyLogo({ path = '' }) {
    return (
        <Link to={path} className="w-20 pt-[10%]">
            <img src={key} alt="방탈러 로고 열쇠" aria-hidden />
        </Link>
    );
}

export default KeyLogo;

❗ CogiLogo.jsx

import { string } from 'prop-types';
import cogiLogo from '/cogiLogo.png';

CogiLogo.propTypes = {
    width: string,
};

function CogiLogo({ width = 'w-72' }) {
    return (
        <img
            className={`${width}`}
            src={cogiLogo}
            alt="방탈러로고 - 웰시코기"
            aria-hidden
        />
    );
}

export default CogiLogo;

[KIMGEUNDU]

🗂️ public

[KIMGEUNDU]

🗂️ assets

[KIMGEUNDU]

가지고 계신 SVG 파일 전부 지워주세용!!