Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- backend
- BOJ
- nestjs
- 마이크로태스크큐
- 콜스택
- react
- 자바스크립트런타임
- 이벤트루프
- 브루트포스
- NeXT
- 개발도서추천
- NextImage
- 매크로태스크큐
- 브라우저동작
- componentDidUpdate
- resource owner
- resource server
- flexible box
- getServerSideProps
- NextImageSpan
- 판교브루클린
- nextjs
- getInitialProps
- Next이미지
- access token
- 리팩터링2판
- CSS
- prevProps
- 브라우저동작원리
- 자바스크립트엔진
Archives
- Today
- Total
imgyuzzzang
NextJS Image에 <span> tag놈 왜 지맘대로 추가 돼!!! 본문
next 13부터는 완전 해결되어 img 태그만 추가되지만 아직 안 쓰고 있으니^^ 스킵
Next 버전따라 해결방법 다름! 버전 확인 또는 맞춰서 사용할 것
v 12.1.1 ~ 12.2.0
// next.config.js module.exports = { experimental: { images: { layoutRaw: true } }, // Rest of the config };
<Image className="imgBack" src={myImg} width="160" height="160" alt="" layout="raw" />
v 12.2.x
// next.config.js module.exports = { experimental: { images: { allowFutureImage: true } }, // Rest of the config };
import Image from 'next/future/image'
v 12.3 부터는
import Image from 'next/future/image'
'computer science > 웹' 카테고리의 다른 글
자바스크립트, 브라우저의 런타임 환경 한 번에 이해하기 (콜스택, 큐, 이벤트 루프, WebAPI 등) (1) | 2025.02.02 |
---|---|
[CSS] 선택자 (0) | 2022.11.10 |
[JS] object 에 존재하는 값만 넣기 (4) | 2022.11.07 |
[NEST JS] 일주일치 공부 기록 (2) | 2022.03.17 |
[React JS] 이전 props/state와 비교하여 조건부 렌더링 하기: componentDidUpdate(prevProps, prevState) (0) | 2021.03.19 |
Comments