Next 개발일지 3

Posted on In

next.config.js 설정에 대해서

img 파일을 불러올때 next config 에서 설정을 해주지 않으면 Invalid src prop 라는 에러가 생긴다. 이부분에서 좀 더 설정에 대해서 공부를 해보자 라는 생각이 들었다.
이부분을 해결하는 방식은 간단한데 유효하지 않은 src 라는 것이니 유효한 src라고 config 파일에서 선언해주면 된다는 것이다.

1
2
3
4
5
6
7
8
9
10
11
12
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  images: {
    domains: [
        '해당 도메인'
    ],
    format: ['image/png', 'image/webp', 'image/jpeg', 'image/gif']
}
}

module.exports = nextConfig

reactStrictMode 라는 것은 애플리케이션의 잠재적인 문제를 강조하기 위한 개발 모드 전용 기능이다. 수명 주기, 레거시 API 사용 및 기타 여러 기능을 식별하는 데 사용된다. 왠만하면 개발 공부중에는 써볼 예정이고 안쓸때와 쓸때의 다른 점을 좀 더 공부해보려고 한다.

swcMinify라는 부분도 조금 공부해봤는데 바벨과 비교해서 생각해보니 나중에 좀 더 깊게 공부할 내용이라 생각되었다. 일단 써보기로… 바벨보다 빠르다고 한다!

추가 부분에 대해선 이쪽에서 좀 더 알려주어서 한번 읽어보았다!
https://im-developer.tistory.com/230

images부분이 현재 필요한 부분이라 api 에서 불러주는 url 을 넣어서 해결하였다!