검색 유입 차단하기

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

2021.04.26

[css] Flexbox

Flexbox란? CSS3의 새로운 레이아웃 방식이다. W3C에서이 정식 명칭은 CSS Flexible Box Layout Module이라고 정의 하고 있으며 이름처럼 레이아웃을 유연하게 구현하는 모듈이라고 보면 된다. 예전에 레이아웃을 구현하기 위해서는 정식 사용법이 아닌 편법처럼 복잡하게 구현을 했어야 했던것에 반해 Flexbox는 쉽게 레이아웃을 구현할 수 있다. Flexbox의 구성요소 Flexbox는 부모 요소인 container와 자식 요소인 item으로 구성된다. Flex의 선언은 container의 CSS에 display:flex;로 선언한다. .container{display:flex;} ※ flexbox 정렬 개념 - 주축이 되는 main-axis와 교차축이 되는 cross-axis의 ..

2021.03.10

[PHP] 특정 IP 에서만 노출

실 서버 유지보수 작업 시 유용합니다. if문 안에 있는 내용은 설정된 IP 내에서만 보여집니다. 특정 IP에서만 노출됩니다.

2021.03.10

티스토리 코드블럭 스타일

코드블럭이란? 티스토리에서 코딩 관련 글을 작성할 때 코드를 쉽게 출력할 수 있는 기능 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