본문 바로가기

티스토리 웹폰트 적용 요즘 Wordpress 가 급 땡기긴 하지만 서버 운영이랑 디자인 새로 하는데 시간을 투자하기 힘들어서,당분간 그냥 티스토리 쓰는 걸로... 웹폰트하면 나눔글꼴이지. 하지만 이제 좀 질린다고 해야 하나.서핑하다 구글의 Noto 폰트를 발견했다. 한국어도 완벽한 것 같고.Noto 는 구글이 개발한 오픈 소스 폰트 패밀리이다.컴퓨터에서 표시 못하는 문자를 사작형(ㅁ)으로 표시하곤 하는데 구글이 이를 "두부"(tofu) 라고 부르며,웹에서 이를 없애기 위해 만든 이름이 Noto(No Tofu) 이다. 1. woff 파일 다운로드 https://www.google.com/fonts/earlyaccessEarly 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"; @impo..
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에서 Idem..
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, nameEnd tag- HTML 에는 없고, XHTML 에는 또는 를 사용The name attributename 속성은 태그에 name/value 의 이름으로 정의한다.name 에는 일반적으로 문서에 대한 키워드를 정의하는 keywords 가 사용된다.웹의 검색엔진에서 이 키워드들은 문서를 분류하는데 사용된다.The content attributecontent 속성은 태그에 n..
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 - 선택된 엘리먼트의 접두사를 제외한..