# favicon

19개의 포스트
post-thumbnail

[ TIL ] 2022-05-18

Tips 변수명은 아주 아주 중요하다. 하지만 그보다 기능 구현이 더 중요하다. 변수명 짓기가 어렵다면 임시로 지은 이름으로 기능 구현 확인 후, 변수명을 신중히 고려해서 바꾸는 방법도 있다. Git gitmoji https://gitmoji.dev/ React 로

2022년 5월 18일
·
0개의 댓글

how to use favicon apply to HTML

파비콘(Favicon) 적용원하는 파비콘 이미지를 직접 만들거나, 다운로드 받은 후 HTML의 head 안에 넣어 주면 된다.https://www.flaticon.com/ 등의 사이트에서 다운로드 받아 사용할 수 있다.파비콘을 직접 만들 경우 16x16 크기의

2022년 5월 12일
·
0개의 댓글

Next getServerSideProps

혹시나 Next.js getServerSideProps에서 Dynamic routing page에 params, query에서 id를 자겨오고 싶은데 두번째 렌더링시에 id에 favicon.ico가 담겨서 오는 경우가 있었습니다.이땐 pulic directory에 fa

2022년 4월 16일
·
0개의 댓글
post-thumbnail

🦄 나만의 귀여운 favicon 만들기

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

2022년 2월 19일
·
0개의 댓글
post-thumbnail

[webpack] favicon 설정

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

2021년 11월 27일
·
1개의 댓글
post-thumbnail

[Vue.js] favicon 적용하기

웹 사이트들을 보면 자신의 사이트 별로,개성 넘치는 favicon 들이 지정되어 있다.근데 내 프로젝트는 안그렇다..주륵🥲오늘은 Vue.js 프로젝트의 favicon을 설정해보자.파일 사이즈는 중요하지 않지만 같은 가로 세로 길이를 가지는 PNG 파일이나 ico 파일

2021년 11월 22일
·
0개의 댓글

Favicon HTML에 적용하기

https://realfavicongenerator.net/Select your Favicon image 버튼을 클릭하고 svg 형식의 파비콘을 업로드 해준다. Favicon packcage 버튼을 클릭해 패키지를 다운 받은 후, 프로젝트의 루트 디렉토리에 넣

2021년 11월 11일
·
0개의 댓글
post-thumbnail

Favicon | 파비콘

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

2021년 10월 4일
·
0개의 댓글
post-thumbnail

React - 타이틀 & 탭 아이콘 (favicon) 변경 + 즐겨찾기

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

2021년 10월 1일
·
0개의 댓글
post-thumbnail

HTML-head 태그 정리

meta, vieport, open-graph, favicon

2021년 9월 27일
·
0개의 댓글
post-thumbnail

favicon 변경하기 (feat. 앗차피디아)

제목은 앗차피디아 파비콘 변경하기로 하겠습니다. 근데 이제 디자인을 곁들인..

2021년 9월 5일
·
0개의 댓글
post-thumbnail

parcel-bundler-1

parcel-bundler-1 중/소형 프로젝트에적합

2021년 8월 13일
·
0개의 댓글
post-thumbnail

[React] React 의 기본 구조

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

2021년 7월 13일
·
0개의 댓글
post-thumbnail

[TIL] 웹 사이트 아이콘, Favicon

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

2021년 6월 7일
·
0개의 댓글
post-thumbnail

파비콘(favicon) 적용이 안되시나요? 파비콘 만들기, 하기쉬운 오류(삽질 방지)

1) 파비콘이란?예를 들어 네이버 페이지에서 보자면 Title앞에 작은 아이콘을 파비콘이라 합니다.2) 파비콘 만들기https://convertico.com/여기서 만들수 있습니다.미리 저장해둔 이미지를 업로드하면, 파비콘이 생성된것을 볼수있으실겁니다. @@@

2021년 5월 2일
·
0개의 댓글

[TIL] 2020/11/30

Today, I Learned URL에 로고를 변경하는 방법 : public 폴더에 .ico 확장자로 이미지 파일을 올려놓고, index.html에 링크로&ltlink rel="icon" href="%PUBLIC_URL%/logo.ico" /&gt해주면 된다.

2020년 11월 30일
·
0개의 댓글
post-thumbnail

[TIL] 0825 개발일지

벌써 7주차라니... 지도 수정 / 피드백 / 결과 분석 / favicon / render_template

2020년 8월 25일
·
0개의 댓글
post-thumbnail

사전스터디 자기소개 페이지 만들기 - 1

1주차 사전스터디가 시작이 되었다.html / css를 사용해서 자기소개 페이지를 만드는게 첫 주 주제이다.간단하지만 자기소개 페이지를 꾸며줄 수 있는 몇 가지를 찾아서 적용해보았다.그 중에 하나가 favicon이다.웹페이지 탭에서 왼쪽에 뜨는 작은 아이콘이다.

2020년 7월 13일
·
0개의 댓글

react favicon

title 옆에보면 logo 처럼사진이나 그림이 있다 .마치 이렇게 ,velog 같은경우는 public폴더 밑에 index.html 파일을 열어서title 를 바꿔주면 된다.그리고 위에 사진을 바꿀려면 여기를 바꾸면 된다 . 이것을 어디서 생성하냐 ??

2020년 6월 8일
·
0개의 댓글