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 | 31 |
Tags
- 자바스크립트런타임
- 콜스택
- 매크로태스크큐
- flexible box
- 브라우저동작
- componentDidUpdate
- access token
- 자바스크립트엔진
- resource server
- 판교브루클린
- getInitialProps
- nestjs
- 이벤트루프
- BOJ
- CSS
- nextjs
- 마이크로태스크큐
- 브라우저동작원리
- backend
- Next이미지
- getServerSideProps
- prevProps
- react
- 개발도서추천
- NextImageSpan
- 브루트포스
- resource owner
- NeXT
- NextImage
- 리팩터링2판
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