반응형 YouTube1 NextJS에서 유튜브 썸네일사용하기 구현 내용 NextJS 화면을 구현을 하는 도중에 아래와 같은 화면을 구현했어야한다. 고민을 해보고 iframe으로 구현을 하면 되겠다라고 생각을 했다. NextJS에서 구현을 할 때 외부 URL을 불러오고 뿌려주고 하는 부분이 익숙하지 않아서 삽질을 했다. NextJS에서 외부 링크로 이미지를 불러오거나 할 때 next.config.js파일에 URL를 추가해줘야한다. next.config.js 파일 수정 img.youtube.com 를 추가해주었다. 간략하게 설명을 하자면 img.youtube.com는 유튜브의 썸네일을 불러오기 위한 주소이다. /** @type {import('next').NextConfig} */ const nextConfig = { ... images: { domains: [ 'l.. 2022. 11. 30. 이전 1 다음 반응형