middleWare)静的ファイルのサービス
静的ファイルサービス
静的ファイル:画像ファイル、JavaScript、cssファイルなどをWebブラウザにダウンロードします.


:publicディレクトリで静的ファイルを検索します.
app.use(express.static('public'))
ディレクトリ構成)

アドレス)http://localhost:3000/ image/hello.jpg

:ホームページ
// css ( style옵션 ) 추가함 (사이즈 변경) .
,
<img src="/images/hello.jpg" style="width:400px; display:block; margin-top:10px">`,
==>追加されたコードの場所.// 1. 홈페이지 구현.
app.get('/', (request, response) => {
var title = 'Welcome';
var description = 'Hello, Node.js';
var list = template.list(request.list);
var html = template.HTML(title, list,
`<h2>${title}</h2>${description},
<img src="/images/hello.jpg" style="width:400px; display:block; margin-top:10px">`,
`<a href="/create">create</a>`
);
response.send(html);
})

7. Totall
:publicディレクトリで静的ファイルを検索します.直接指定します.
app.use(express.static('public'))
このコードは...
「public」ディレクトリのファイルまたはディレクトリのみがurlでアクセスでき、ここへのアクセスのみが許可されるため、より安全です.
Reference
この問題について(middleWare)静的ファイルのサービス), 我々は、より多くの情報をここで見つけました https://velog.io/@glowing0512_/express-middleWare-정적인-파일의-서비스テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol