# favicon

[ TIL ] 2022-05-18
Tips 변수명은 아주 아주 중요하다. 하지만 그보다 기능 구현이 더 중요하다. 변수명 짓기가 어렵다면 임시로 지은 이름으로 기능 구현 확인 후, 변수명을 신중히 고려해서 바꾸는 방법도 있다. Git gitmoji https://gitmoji.dev/ React 로
how to use favicon apply to HTML
파비콘(Favicon) 적용원하는 파비콘 이미지를 직접 만들거나, 다운로드 받은 후 HTML의 head 안에 넣어 주면 된다.https://www.flaticon.com/ 등의 사이트에서 다운로드 받아 사용할 수 있다.파비콘을 직접 만들 경우 16x16 크기의
Next getServerSideProps
혹시나 Next.js getServerSideProps에서 Dynamic routing page에 params, query에서 id를 자겨오고 싶은데 두번째 렌더링시에 id에 favicon.ico가 담겨서 오는 경우가 있었습니다.이땐 pulic directory에 fa

🦄 나만의 귀여운 favicon 만들기
나의 포트폴리오 사이트를 만들기에 앞서 나만의 로고를 만들고 그것으로 귀여운 파비콘도 만들어볼 것이다! 1. 로고 png파일 준비하기 www.canva.com 나는 칸바 사이트에서 템플릿을 참고해서 로고를 만들었다.

[webpack] favicon 설정
webpack config로 html-webpack-plugin을 사용하면서 favicon을 로드할 수 있는 방법에 관하여 알아보았다favicon 만드는 방법html-webpack-plugin을 활용하여 설정하는 방법html-loader 활용하여 설정하는 방법포토샵,

[Vue.js] favicon 적용하기
웹 사이트들을 보면 자신의 사이트 별로,개성 넘치는 favicon 들이 지정되어 있다.근데 내 프로젝트는 안그렇다..주륵🥲오늘은 Vue.js 프로젝트의 favicon을 설정해보자.파일 사이즈는 중요하지 않지만 같은 가로 세로 길이를 가지는 PNG 파일이나 ico 파일
Favicon HTML에 적용하기
https://realfavicongenerator.net/Select your Favicon image 버튼을 클릭하고 svg 형식의 파비콘을 업로드 해준다. Favicon packcage 버튼을 클릭해 패키지를 다운 받은 후, 프로젝트의 루트 디렉토리에 넣

Favicon | 파비콘
아래 링크 접속http://tools.dynamicdrive.com/favicon/파일 선택Optional > Merge with a 32x32 desktop icon 체크Download FavIcon프로젝트에 파일 추가 ex) vue project => p

React - 타이틀 & 탭 아이콘 (favicon) 변경 + 즐겨찾기
이미지의 오른쪽 (아마존)웹 사이트를 보면,주황색 정육면체 아이콘이 보이는데,이렇게 브라우저 탭에서 보이는 아이콘을 favicon이라고 한다. https://www.favicon-generator.org/1) 위 웹사이트로 접속2) 아이콘으로 만들 이미지파일

[React] React 의 기본 구조
본 글은 React의 기본 구조에 대해 포스팅하였습니다. React의 디렉토리 구조, public 폴더, src 폴더 안에 포함되어 있는 파일에 대해 정리하였습니다.

[TIL] 웹 사이트 아이콘, Favicon
웹 사이트 아이콘? 🤔 며칠 전 이브와 블렌디드 러닝을 들으며 head 태그에 웹 사이트 아이콘을 넣는다는 이야기를할 때 그제서야 의문이 들었다.html로 웹 사이트 뼈대를 잡을 때마다 한 번도 웹 사이트 아이콘에 대해 생각해보지 않았기 때문!이 웹 사이트 아이콘을

파비콘(favicon) 적용이 안되시나요? 파비콘 만들기, 하기쉬운 오류(삽질 방지)
1) 파비콘이란?예를 들어 네이버 페이지에서 보자면 Title앞에 작은 아이콘을 파비콘이라 합니다.2) 파비콘 만들기https://convertico.com/여기서 만들수 있습니다.미리 저장해둔 이미지를 업로드하면, 파비콘이 생성된것을 볼수있으실겁니다. @@@
[TIL] 2020/11/30
Today, I Learned URL에 로고를 변경하는 방법 : public 폴더에 .ico 확장자로 이미지 파일을 올려놓고, index.html에 링크로<link rel="icon" href="%PUBLIC_URL%/logo.ico" />해주면 된다.

사전스터디 자기소개 페이지 만들기 - 1
1주차 사전스터디가 시작이 되었다.html / css를 사용해서 자기소개 페이지를 만드는게 첫 주 주제이다.간단하지만 자기소개 페이지를 꾸며줄 수 있는 몇 가지를 찾아서 적용해보았다.그 중에 하나가 favicon이다.웹페이지 탭에서 왼쪽에 뜨는 작은 아이콘이다.
react favicon
title 옆에보면 logo 처럼사진이나 그림이 있다 .마치 이렇게 ,velog 같은경우는 public폴더 밑에 index.html 파일을 열어서title 를 바꿔주면 된다.그리고 위에 사진을 바꿀려면 여기를 바꾸면 된다 . 이것을 어디서 생성하냐 ??