파비콘 제작, 적용하기

파비콘이란? 파비콘이란 'Favorite + Icon' 의 합성어로 인터넷 웹 브라우저의 즐겨찾기나 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘을 말한다. + 확장자 : ico, png + 아이콘 크기는 16x16, 32x32, 48x48, 64x64픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다. + 브라우저에 상관없이 호환되며 인터넷 익스플로러, 파이어폭스, 크롬, 오페라에서 모두 지원한다. 파비콘 만드는방법 1. 포토샵으로 192 x 192 픽셀의 이미지를 만든다. (확장자는 png 또는 jpg) 2. 사이즈 자동 변환 사이트 Favicon & App Icon Generator 사이트에 접속한다. https://www.favicon-generator.org/ Favico..

2021.10.25

웹 안전색(Web Safe Color)

웹 안전색(Web Safe Color) 시스템 웹 안전색(Web Safe Color) 컴퓨터 운영체제의 종류, 브라우저의 종류에 상관없이 공통으로 사용되는 '안전한' 색을 '웹 안전색(Web Safe Color)'라고 한다. 이 웹 안전색은 유채색 210가지, 무채색 6가지로 모두 216색으로 구성되어 있는 컬러 시스템이다. 초기 웹 브라우저에서는 다양한 색상을 지원하지 못했다. GPU 나 디스플레이에서도 8bit Color 이상 지원하지 못하는 경우가 빈번 했으며 이런 문제를 해결하기 위해 웹 페이지를 구성할때 브라우저에서 지원하는 색상으로 색상을 선정 했다. 색이 안전(Safe)하다? '안전하다(Safe)'는 것은 '색이 왜곡되지 않는다'는 의미다. 이것은 웹 안전색이 216색이기 때문에 가능하다. ..

2021.10.19

색 CMYK/RGB

색상(hue)이란 빨강, 노랑, 파랑 등의 색깔을 말한다. 서로의 색을 다른 색과 구별하여 나타낸 것으로, 우리가 색을 볼 때 가장 먼저 눈에 들어오는 게 바로 이 색상이다. 이 색상을 둥글게 배열한 것을 '색상환(hue circle)'이라고 하는데 이 색상환의 원리와 구조를 알면 능숙하게 색을 사용할 수 있다. 우리가 잘 아는 삼원색인 빨강, 파랑, 노랑 정확히는 마젠타(magenta)-자주색, 사이안(cyan)-청록색, 옐로우(yellow)중 두 색을 섞어서 만들어지는 색을 '순색'이라고 한다. 빨강과 파랑을 섞으면 보라가 되고, 파랑과 노랑을 섞으면 초록이 되는 식이다. 이런 순색을 삼원색 사이사이에 넣어주면 색의 연결이 좀 더 부드러워지고, 더 다양한 색들을 만들 수 있는데, 이렇게 만들어진 색의..

2021.10.05

검색 유입 차단하기

아래 코드를 head안에 삽입해준다 체, 구글, 네이버, 다음 순으로 차단 됨

2021.04.26

티스토리 코드블럭 스타일

코드블럭이란? 티스토리에서 코딩 관련 글을 작성할 때 코드를 쉽게 출력할 수 있는 기능 item 코드블럭 꾸미기 아래 두가지 방법으로 코드블럭 영역 디자인을 변경할 수 있다. 1. 관리자 > 플러그인 > 코드 문법 강조를 통해 디자인을 변경할 수 있다. 2. 플러그인을 사용하지 않고 highlight.js에서 직접 코드를 받아와서 디자인을 변경할 수 있다. 1. 관리자 플러그인 사용으로 디자인 변경하기 티스토리 관리자모드 > 플러그인 > 코드문법 강조 선택 티스토리에서 제공하는 테마를 선택하면 다양하게 디자인을 변경할 수 있다. 2. highlight.js에서 직접 코드를 받아와서 디자인 변경하기 highlight.js demo에서 제공하는 다양한 디자인으로 변경 가능 ※ 티스토리 플러그인은 '사용안함'..

2021.03.08

파비콘 만들기 및 웹사이트에 적용하기

파비콘이란? 확장자 : ico, png 사이즈 16 x 16 or 32 x 32 브라우저 탭과 북마크에서 웹사이트 URL 옆에 나타나며, 방문자가 오픈 탭에서 웹사이트를 구분하기 쉽도록 함 파비콘 만들어주는 사이트 www.favicon.cc/ www.favicon-generator.org/ www.websiteplanet.com/ko/webtools/favicon-generator/ https://icoconvert.com/ 사이트에 적용하기

2021.03.08