본문 바로가기

티스토리 웹폰트 적용 요즘 Wordpress 가 급 땡기긴 하지만 서버 운영이랑 디자인 새로 하는데 시간을 투자하기 힘들어서, 당분간 그냥 티스토리 쓰는 걸로... 웹폰트하면 나눔글꼴이지. 하지만 이제 좀 질린다고 해야 하나. 서핑하다 구글의 Noto 폰트를 발견했다. 한국어도 완벽한 것 같고. Noto 는 구글이 개발한 오픈 소스 폰트 패밀리이다. 컴퓨터에서 표시 못하는 문자를 사작형(ㅁ)으로 표시하곤 하는데 구글이 이를 "두부"(tofu) 라고 부르며, 웹에서 이를 없애기 위해 만든 이름이 Noto(No Tofu) 이다. 1. woff 파일 다운로드 https://www.google.com/fonts/earlyaccess Early Access 페이지에 방문하면 구글에서 제공하는 많은 웹 폰트들의 링크/소스가 있다. 그 ..
@keyword (At-rule) CSS 문서에는 '@'을 이용한 특정기능을 하는 rule 들이 있습니다. @charset @charset 은 스타일 시트의 문자 인코딩을 설정할 수 있도록 합니다. 스타일 시트 문서의 최상단에 와야 합니다. 브라우저가 결정하는 css 인코딩 결정 우선 순위로는, HTTP Content-Type -> @charset -> 그래도 없으면 utf-8 로 인식합니다. @charset "utf-8"; @import @import 는 다른 스타일 시트에서 스타일을 가져올 수 합니다. CSS2.1 에서는 @charset 을 제외하고는 문서에서 가장 앞에 와야 합니다. URI를 문자열로 지정하는 방법과 url() 안에 지정하는 방법이 있습니다. @import "mystyle.css"; @import url("mysty..
Idempotent Http Method의 GET과 POST를 보던 중 Idempotent 라는 단어가 있어서 짚고 넘어가 봅니다. 사전적 의미로 Idempotent 는 멱등(?) 이라는 이해할 수 없는 전문 용어를 뜻합니다. 하지만 멱등연산, 멱등행렬, 멱등법칙 등에서 xx=x, x∩x=x, x∪x=x 등의 연산을 보니 이해가 됐습니다. 예를 들어, /index.php?para1=a¶2=b 라는 GET 페이지와 POST로 파라미터를 념겨받은 /index.php 페이지를 즐겨찾기를 합니다. GET 페이지는 즐겨찾기 하기 전과 후의 페이지가 동일한 파라미터 전달로 계속해서 동일한 결과가 나타나겠지만, POST 페이지는 즐겨찾기 한 후에 파라미터 누락으로 올바르지 않는 페이지가 표시되겠네요. Http Method에서 I..
html doctype 우리가 브라우저(i.e, chrome...)로 보는 웹페이지(html)는, 웹페이지에 정의된 DOCTYPE과 그에 해당하는 웹브라우저의 해석기로 렌더링 되어 보여집니다. 예를 들면 html 문서에서 doctype 을 xhtml1.0 transitional로 정의했으면 브라우저에서도 xhtml1.0 transitional로 모든 markup을 렌더링하여 보여줍니다. 만약 doctype 을 정의하지 않는다면, 브라우저 마다 내장된 호환모드(quirks mode)로 웹페이지를 해석하고, 제각기 화면들을 출력할 것입니다. 이러길 원하는 분은 없겠죠? 그래서 어느 브라우저든 동일한 화면이 보여지도록 하기 위해 웹페이지에 doctype 을 정의하고, 그에 맞는 markup 형식을 사용하도록 w3c 는 권고하고 있습..
Web Safe Font Combinations Commonly Used Font Combinations
<meta> Header Element Function - 문서에 관한 추가적인 정보를 제공한다. Attributes - charset, content, dir, http_equiv, lang, name End tag - HTML 에는 없고, XHTML 에는 또는 를 사용 The name attribute name 속성은 태그에 name/value 의 이름으로 정의한다. name 에는 일반적으로 문서에 대한 키워드를 정의하는 keywords 가 사용된다. 웹의 검색엔진에서 이 키워드들은 문서를 분류하는데 사용된다. The content attribute content 속성은 태그에 name/value 의 이름으로 정의한다. 값은 스페이스를 포함한다면 따옴표로 둘러쌓여진 문자열이 될 수 있다. 예를 들어, 문서에서 저자의 이름을 쓴다면 The ..
XMLHttpRequest Object Ajax 페이지를 만들 때, 가장 먼저 해야할 일이 있다. 서버와 연결할 수 있는 XMLHttpRequest 객체 생성. XMLHttpRequest가 도대체 어떤 놈인지 알아보았다. HTTP Request 는 무엇인가? HTTP 요청을 가지고 웹 페이지가 요청을 만들 수 있다. 그리고 페이지 리로드없이 웹서버로부터 응답을 얻는다. 사용자는 같은 페이지에 머무를 것이고, 스크립트가 페이지를 요청하거나 백그라운드에서 서버에 데이터를 보내는 것에는 주의하지 않을 것이다. XMLHttpRequest 객체를 사용함으로서, 웹 개발자는 페이지가 로드된 후에 서버의 데이터로 페이지를 변경할 수 있다. Google Suggest는 매우 동적인 웹 인터페이스를 만들기 위해 XMLHttpRequest 객체를 사용하고 있다..
XPath Functions 필터를 이용한 엘리먼트 선택 필터는 특정한 엘리먼트를 선택할 때 사용된다. 조건식이나 XPath에서 제공하는 다양한 연산자, 표준함수와 같이 사용된다. XPath 표현식에서 사용되는 모든 연산자와 함수들은 XPath 필터인 "["와 "]" 사이에 사용된다. * XPath 연산자 + 더하기 - 빼기 * 곱하기 div 나누기 mod 나눈 후 나머지값 = 같다 != 같지 않다 < 작다 크다 >= 크거나 같다 or 또는 and 그리고 * XPath Node Set 함수 count - 현재 선택된 엘리먼트의 수를 가져온다. id - 선택된 엘리먼트의 고유 ID를 가져온다. last - 선택된 엘리먼트의 마지막 자식 엘리먼트를 가져온다. local-name - 선택된 엘리먼트의 접두사를 제외한 이름을 가져온다. n..