옛글/프론트 이야기

XML Validator (XML 맞춤법 검사) 서비스해주는 사이트

http://www.w3schools.com/xml/xml_validator.asp위에서 XML Validator 서비스를 해줍니다~!혹여나 복잡한 XML 의 경우, 대소문자 구별로 괜한 삽질을 몇시간 할 수 도 있는... 이유를 알고나면 어마어마하게 스트레스를 받는.... 삽질을 효율적으로 하는데 도움이 되는 사이트네요~@.@

혁명적인 jquery mobile web, HTML5와 jquery로 모바일 어플 만들기

jquery mobile 1.0 Alpha verision 이 릴리즈 되었습니다. jquery란 javascript 언어의 고급사용을 이야기하는데, 기존 웹사이트를 구성하던 HTML(이하 HTML5) 와 CSS3를 병행하여 모바일 웹을 ㅁㄴ들 수 있는 jquery mobile framework 입니다. 굉장히 대단한 일이라 생각되는데요. 기존에도 HTML 과 CSS로 아이폰 어플 만들기 라는 책이 있지만 이렇듯 정식으로 framework 와 개발 툴이 나오니.. 혁명이라 하기엔 조금 빗나간 어감이 있지만, 당연히 기본적인 엔진으로 모든 스마트폰(OS구분없이) (인터넷이 되려면 HTML 및 jquery 를 이해하는 엔진)이 있는 것이 당연하고, 이로 어플처럼 웹을 만든다면 당연히 이해하고 구동되는 게 당연..

[쉬운제로보드]간단한 자기홈페이지 만들기

홈페이지를 갖고 싶으시다면 홈페이지를 만들수 있고 쉽게 관리해주는 툴이 필요합니다. 간단한 툴로 필요한 것이 :제로보드xe:라는 툴인데요^^ 최대한 쉽게 설명을 드리도록 할게요. 먼저 홈페이지 제작을 위해서는 고정 ip 가 있어야 합니다. (서버 호스팅 받는 것이 바로 이것 때문인데요.) 개인이 PC를 사서 홈페이지를 구축하고 서버로 사용하기 위해서는 유동 IP 는 불가능합니다. 원리는 유동 IP는 말그대로 컴퓨터가 켜질 때마다 새로운 IP 를 발급받아 사용하기 때문에, 사용자들이 홈페이지주소 예를 들어, http://home.co.kr 을 쳤을 때 보여주고 싶은 웹페이지가 있는 컴퓨터로 접속을 할 수가 없겠죠? 항상 컴퓨터 인터넷 주소(IP) 가 변하니까요! 때문에 고정 IP 라는 것을 발급받아 항상 ..

[HTML5이야기] 시맨틱 엘리먼트!?

[http://mnworld.co.kr 의 shakej 가 직접 쓴 글입니다.] [구글 개발자가 들려주는 HTML5 활용 을 공부하고 쓴 글입니다.] 문서타입 소스 코드 맨 위부터 알아볼까요? 헤드 윗부분에 이런 코드가 자주 오시는 걸 보실 수 있을거에요^^; 이 태그는 마법처럼 긴 역사를 가진 문서타입입니다. 마이크로소프트는 맥용 인터넷 익스플로러 5를 개발하면서 심각한 문제를 하나 발견했는데, 표준을 만들어놓으니 예전 페이지가 제대로 표시 되지 않는 다는 심각한 문제점이 발견되었습니다. 사용자들은 깨진 페이지도 렌더링 되기를 원했고, 당시 대부분의 저작자가 넷스케이프4나 익스플로러4 같은 브라우저에 맞추어 놓았기에 웹페이지가 깨져보인 것입니다. 마이크로소프트는 한가지 기발한 생각을 했는데, 대부분의 ..

[HTML5이야기] Video & Audio 태그 집중 분석

[http://mnworld.co.kr 의 shakej 가 직접 작성한 글입니다] [본글은 http://www.htmlfive.co.kr/ 의 코리님의 강좌를 듣고 공부해서 다시 쓴 내용입니다] 방금 전 시간에서 가장 획기적인 기능 중 하나가 뭐라고 했었죠!? 네 바로 Video와 Audio를 별도의 플러그인 없이 재생할 수 있는 태그, 바로 이것이 html5 의 최고장점으로 손꼽히고 있는 기술입니다. 일단 기본적으로 브라우저에서 비디오/오디오를 재생하려면(물론 HTML5가 지원이 되는 브라우져에서) 딱 한줄만 추가해주시면되요 물론 각 브라우저마다 지원되는 비디오 포맷형식 (.avi, .mkv, .wmv)와 같은 이 다릅니다. 바로 http://html5test.com/ "다운로드 중... [ 현재 다운..

[HTML5이야기] HTML5 지원여부 감지

[http://mnworld.co.kr 의 shakej 직접 작성한 글입니다.] [구글 개발자가 들려주는 HTML5 활용 이라는 서적을 보고 개인적으로 공부한 내용입니다] 이미 시작된 HTML5 세상! 동영상으로 한번 보고 시작해볼까요. HTML 5 가 어떤 브라우저에서 감지되는지 확실히 알수가 없다구요!? 그건 HTML 4에서 지원하지 않는 엘리멘트를 직접 사용해서 브라우저에서 띄워보는 방법 밖에 없어요. 예를 들어 캔버스나 비디오 같은 개별기능을 사용하여 브라우저가 지원하는 지 알아보는 방법이 있어요. 여기 참고자료가 있습니다. 구글크롬에서 가장 전폭적인 지지를 하고 있습니다. 감지방법은 브라우저는 웹페이지를 렌더링 할 때 객체 집합인 문서 객체 모델을 만듭니다. 같은 모든 엘리먼트는 DOC에서 각기..

[쉬운HTML] 두번째 시간 - 티스토리 블로그 HTML/CSS를 파헤쳐보자

html / css를 가장 재미있고 쉽게 배우는 방법이 뭘까...한참을 고민했습니다. 그건...바로 티스토리 블로그 html/ css를 파헤쳐보는게 아닐까 하는 방법이 떠올랐구요! 그래서 한번 헤쳐봅니다. 이 HTML /CSS를 자유자재로 보고 파헤칠 줄 안다면, 자신의 블로그가 이쁘게 꾸며지는 건 자기 마음대로 할 수가 있겠죠 ?^^ 분명 자신의 홈페이지 혹은 블로그에 관심이 있는 분이라면 재미도 있을 것이고 확실히 실력이 느실 수 있을 겁니다. 먼저 티스토리의 skin.html 을 살펴보죠. 티스토리의 특징은 다른 블로그 터들과는 다르게 본인이 원하는 대로 모두 주무를 수 있다는 것이 장점입니다. CSS, HTML 자체를 모두 오픈시켜서 블로그라는 느낌이 안들도록 할 수도 있으니까요. 그래요 지금부터..

[쉬운HTML] 첫번째 시간 - HTML 맛보기

HTML 은 뭘까요? Hyper Text Markup Launguage 라는 뭐 어려운 스펠링은 접어두더라도, HTML 은 인터넷상에서 표현을 하기 위한 언어입니다. 무엇이든 자신이 표현하려는 걸 인터넷이라는 웹상에서 표현을 하기 위해선 언어라는 것으로 표현을 해야 하는데 그 중 가장 간단한 언어이자 기본이 되는 언어 HTML 이죠. 이 언어는 드림위버, 익스프레션 웹 등으로도 가능하지만 간단하게 노트패드로도 작성이 가능합니다. 그렇다면 CSS는 무엇일까요? HTML 이란 표현의 속성에서 표현할 이미지, 테이블, 등 모든 표현하고자 하는 것들의 속성을 일일이 정해주자면 굉장히 불편하고 껄끄럽겠죠. 때문에 CSS파일을 만들어서 참조를 시키고 CSS파일에서 각 표현하고자 하는 것들에 이름을 정해주기만하면 간..