[내보내번] Next.js docs - Static File Serving

내보내번(내가 보려고 내가 번역한...) Next.js docs

2021년 4월 1일 기준 Next.js 공식 문서를 번역했다.

※ 영어 전공자도 해외 유학파도 아니기에 번역에는 의역, 오역, 구글 번역이 무수히 많을 수 있으며, 혼자 공식문서를 참조해가며 번역하다 보니 오타도 많을 수 있다. 정확한 내용은 공식문서를 직접 살펴보거나 다른 정보들을 더 찾아보는 것을 추천한다.

(하지만 댓글 피드백도 환영합니다😃 )

Next.js 공식문서 확인하기>>

Basic Features: Static File Serving | Next.js

Next.js can serve static files, like images, under a folder called public in the root directory. Files inside public can then be referenced by your code starting from the base URL (/).

Next.js는 public이라는 루트 디렉토리 아래에 있는 폴더 내의 이미지와 같은 정적 파일을 제공할 수 있다. 그러면 public 폴더 내에 파일들은 base URL(/)로 시작하는 코드에서 참조 될 수 있다. 

For example, if you add an image to public/me.png, the following code will access the image:

예를 들어 public/me.png 파일을 추가한다면 아래의 코드를 통해서 이미지에 접근할 수 있다. 

Note: next/image requires Next.js 10 or later.
노트: next/image는 Next.js 10이나 그 이상의 버전이 요구된다.

This folder is also useful for robots.txt, favicon.ico, Google Site Verification, and any other static files (including .html)!

이 폴더는(루트 아래 public 폴더) robots.txt, favicon.ico, 구글 사이트 인증, 그 밖의 정적 파일들( .html을 포함한)에도 유용하다!

Note: Don't name the public directory anything else. The name cannot be changed and is the only directory used to serve static assets.
노트: public 폴더를 다른 이름으로 지정하지 말라. 이 이름은 변경될 수 없고 정적 자산들을 제공하기 위한 유일한 디렉토리이다. 

Note: Be sure to not have a static file with the same name as a file in the pages/ directory, as this will result in an error.
Read more: https://nextjs.org/docs/messages/conflicting-public-file-page
노트: pages/ 디렉토리에 있는 파일과 이름이 같은 정적 파일의 이름이 있으면 에러가 발생한다. 

Note: Only assets that are in the public directory at build time will be served by Next.js. Files added at runtime won't be available. We recommend using a third party service like AWS S3 for persistent file storage.
노트: public 디렉토리에 있는 자산들만이 빌드 시간에 Next.js에 의해 제공될 것이다. 런타임에 추가되는 파일들은 사용할 수 없다.
영구 파일 스토리지를 위해 AWS S3와 같은 서드 파티 서비스를 사용하는 것을 권장한다.