7. vue.js 웹페이지 제작하기
Favicon
주소 옆에 아이콘이 생기도록 해보자.
favicon generator
파비콘으로 생성하고 싶은 이미지가 있다면 위의 사이트에서 간단하게 변형할 수 있다.
아이콘을 root 디렉토리에 넣으면 보통 자동으로 favicon.ico를 감지하여 웹사이트에 적용이 된다.
파비콘을 적용했는데도 제대로 나타나지 않는다면 다른 브라우저에서 열어보자. 일반적으로 이전에 사용한 브라우저에 캐시 형태로 저장되어 있기 때문에 바로 적용된 것이 표현되지 않았을 수도 있다.
크롬에서 확인해보니 잘 적용된 것이 보인다.
3D 오브젝트 웹페이지에 올리기
Demo - 3D Model Viewer For Vue.js
- 역시 세상은 넓고 많은 것이 준비되어 있다.
npm install vue-3d-model --save
- 그러나 동작하지 않았다…
다른 방법
- vue-gl 이용 : vue에서 webgl을 사용할 수 있게 하는 npm 모듈이다.
| [ | VueGL](https://vue-gl.github.io/example-components/loaders/vgl-obj-loader.html#example-usage) |
- 이것도 동작하지 않는다…
- three.js 그대로 사용해보기
- 원래 vue에서 올리는 방법이 잘 되지 않아 html에서 정상적으로 동작하는지 알아봐야겠다.
html에서는 정상적으로 동작하기 때문에 vue.js와 별도로 서브도메인에 새로운 파일을 업로드하여 관리할 예정이다.