파비콘 ?
웹브라우저 타이틀 앞에 표시되는 작은 아이콘을 의미합니다.
https://terms.naver.com/entry.nhn?docId=864878&cid=50371&categoryId=50371
파비콘
즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음
terms.naver.com
nodejs 사이트뿐 아니라 웹사이트들에 대해서 favicon이 없으면 어쩌다 404 에러가 표시되는 사이트들이 보입니다.
favicon 은 웹사이트 루트에 favicon.ico 파일만 가져다 놓으면 적용이 되기 때문에,
1. express.js 프레임워크 이용시 (간편하게 파비콘 파일만 가져놓으면 된다.)
static 파일 경로(public)에 가져다 놓는다.
/public/favicon.ico
2. serve-favicon 미들웨어 이용하기
express 가 구동될때 자동으로 파비콘을 설정해 준다.
- 이 모듈은 디스크 액세스를 건너뛰어 성능을 향상시키기 위해 메모리에 있는 아이콘을 캐시합니다.
var favicon = require('serve-favicon');
app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
http://expressjs.com/en/resources/middleware/serve-favicon.html
Express serve-favicon middleware
serve-favicon Node.js middleware for serving a favicon. A favicon is a visual cue that client software, like browsers, use to identify a site. For an example and more information, please visit the Wikipedia article on favicons. Why use this module? User ag
expressjs.com
참고 : 파비콘 만들기 사이트 https://www.favicon.cc/
'dev > node.js' 카테고리의 다른 글
| node.js 웹사이트 개발 - 웹사이트 레이아웃, express-ejs-layouts (5) | 2020.11.25 |
|---|---|
| node.js 웹사이트 개발 - express, EJS (2) | 2020.11.24 |
| node.js 웹사이트 개발 - 회원가입, 로그인,로그아웃 구현 (5) | 2020.10.28 |
| node.js 웹사이트 개발 - 쿠키와 세션(cookie, session) (0) | 2020.10.22 |
| node.js 웹사이트 개발- 모듈을 이용한 프로젝트 구성 (2) | 2020.10.14 |