웹 안전색(Web Safe Color) 컴퓨터 운영체제의 종류, 브라우저의 종류에 상관없이 공통으로 사용되는 ‘안전한’ 색을 ‘웹 안전색(Web Safe Color)’라고 한다. 이 웹 안전색은 유채색 210가지, 무채색 6가지로 모두 216색으로 구성되어 있는 컬러 시스템이다. 초기 웹 브라우저에서는 다양한 색상을 지원하지 못했다. GPU 나...

Semantic Tag란? HTML5의 큰 특징 중 하나는 시맨틱 태그(Semantic Tag)다. 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. 기존에 사용하던 div 태그는 non-semantic Tag라 할 수 있다. table, article 등의 태그는 semantic Tag라 할 수 있다. non-semanti...

브라우저마다 제공하는 user agent style이라는게 있다. 브라우저의 스타일링 기본값이라 생각하면 된다. 기본적으로 스타일이 적용된다는 게 사용자에게는 유용할 수 있지만 개발자 입장에서는 매번 번거롭게 새로 선언해줘야 하기 때문에 오히려 피곤하다. 그리고 크롬, 파이어폭스 등 브라우저들이 모두 일관된 스타일을 제공하지 않는 경우도 있어 크...

엔티티 (Entity)란? HTML에는 미리 예약 된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부른다. 이러한 HTML 예약어를 HTML코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석한다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋...

웹표준(Web Standards)이란? 웹 표준이란, ‘웹에서 표준적으로 사용되는 기술이나 규칙’을 의미하는데, 이는 우리가 흔히 생각하는 표준(standard)과는 조금 다르다. 웹에서의 표준은 W3C의 토론을 통해 나온 권고안(recomendation)을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구...

Flexbox란? CSS3의 새로운 레이아웃 방식이다. W3C에서이 정식 명칭은 CSS Flexible Box Layout Module이라고 정의 하고 있으며 이름처럼 레이아웃을 유연하게 구현하는 모듈이라고 보면 된다. 예전에 레이아웃을 구현하기 위해서는 정식 사용법이 아닌 편법처럼 복잡하게 구현을 했어야 했던것에 반해 Flexbox는 쉽게 레이아...

실 서버 유지보수 작업 시 유용합니다. if문 안에 있는 내용은 설정된 IP 내에서만 보여집니다. <? if($_SERVER['REMOTE_ADDR']=='아이피') { ?> 특정 IP에서만 노출됩니다. <? } ?>

파비콘 예시 파비콘이란? 파비콘이란 ‘Favorite + Icon’ 의 합성어로 인터넷 웹 브라우저의 즐겨찾기나 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘을 말한다. 확장자 : ico, png 아이콘 크기는 16x16, 32x32, 48x48, 64x64픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다. ...

Headings H1 - heading H2 - heading H3 - heading H4 - heading # H1 - heading ## H2 - heading ### H3 - heading #### H4 - heading Paragraph Quisque egestas convallis ipsum, ut sollicitudi...

이 튜토리얼은 Chirpy 템플릿 에서 게시물을 작성하는 방법을 안내합니다. Jekyll을 이미 사용해 본 적이 있더라도, 여러 기능이 특정 변수를 설정해야만 동작하므로 한 번 읽어볼 가치가 있습니다. Naming and Path 루트 디렉터리의 _posts 안에 YYYY-MM-DD-TITLE.EXTENSION 형식의 이름을 가진 새 파일을 생성...