Next.js 13 - 7. 정적 자원 사용하기
2023. 8. 30. 17:58ㆍNext.js/생활코딩
정적 자원
Next.js에서 이미지와 같은 정적인 컨텐츠를 사용할 때는 어떻게 하면 될까?
public이라는 폴더가 있는데 여기에 이미지 파일을 위치시키면 된다. 파일을 읽어오고 싶을 때는 img 태그에서 src를 /{image_name} 로 하여 사용하면 된다.
<img src="/hello.png"></img>
참고자료
생활코딩 - Next.js 13
https://opentutorials.org/course/5098
Next.js 13 - 생활코딩
수업 개요 Next.js는 웹 애플리케이션을 빌드하고 배포하는 데 강력한 도구입니다. 이 도구를 활용하면 모던한 웹 앱을 빠르고 효율적으로 구축할 수 있습니다. 그럼 함께 미래의 웹 개발 패러다
opentutorials.org
'Next.js > 생활코딩' 카테고리의 다른 글
| Next.js 13 - 9. backend (0) | 2023.08.30 |
|---|---|
| Next.js 13 - 8. css (0) | 2023.08.30 |
| Next.js 13 - 6. Single Page Application (0) | 2023.08.30 |
| Next.js 13 - 5. 라우팅 (0) | 2023.08.30 |
| Next.js 13 - 4. 뼈대 만들기 (0) | 2023.08.30 |