장바구니에 상품이 없습니다.
home2 › 게시판 › Next.js 게시판 › 선생님 파비콘 변경 이렇게했는데 적용이 잘 안됩니다.
레이아웃.js파일에서 이렇게 수정해줬습니다. ... return ( <html lang='en'> <head> <link rel='icon' href='/favicon.ico' /> </head> <body className={res?.value === 'dark' ? 'dark-mode' : ''}> ..... 파비콘 경로는 public/favicon.ico 이렇게되어있습니다. <link rel='icon' href='/path/to/favicon.ico' /> 이렇게도 해보고 <link rel='icon' href='/path/to/favicon.png' /> <link rel='icon' href='/favicon.ico' /> 다해봤는데 적용이안되는데.. 지피티에 물어봐도 요지부동이고 제가 잘못사용하고있는건가요?
해결했습니다. 레이아웃.js
export const metadata = { title: 'HotForum : 당신의 이야기를 실현시키는 곳', description: '당신의 이야기를 적어주세요', icons: { icon: '/icon.png', }, };
하... 저도 head 넣고 별 짓해도 안되길래 찾아보니 그냥 app 경로 하위에 이름 똑같이 덮어씌우니 되네요 따로 head 추가는 안했습니다. 캐시 지워도 안바꼈던거 같은데 브라우저 껐다 키니 되네요...(?)
https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons