HTML
[HTML5이야기] 시맨틱 엘리먼트!?
[http://mnworld.co.kr 의 shakej 가 직접 쓴 글입니다.] [구글 개발자가 들려주는 HTML5 활용 을 공부하고 쓴 글입니다.] 문서타입 소스 코드 맨 위부터 알아볼까요? 헤드 윗부분에 이런 코드가 자주 오시는 걸 보실 수 있을거에요^^; 이 태그는 마법처럼 긴 역사를 가진 문서타입입니다. 마이크로소프트는 맥용 인터넷 익스플로러 5를 개발하면서 심각한 문제를 하나 발견했는데, 표준을 만들어놓으니 예전 페이지가 제대로 표시 되지 않는 다는 심각한 문제점이 발견되었습니다. 사용자들은 깨진 페이지도 렌더링 되기를 원했고, 당시 대부분의 저작자가 넷스케이프4나 익스플로러4 같은 브라우저에 맞추어 놓았기에 웹페이지가 깨져보인 것입니다. 마이크로소프트는 한가지 기발한 생각을 했는데, 대부분의 ..
[HTML5이야기] HTML은 무엇이고 어떻게 발전했을까
[http://mnworld.co.kr 의 shakej 글입니다] [구글 개발자가 들려주는 HTML5 활용 서적을 공부하며 쓴 글입니다] 이 글을 읽는 개발자 여러분이라면 아마 IIS 에서 MIME 라는 단어를 보신 적이 있으실 겁니다! (못 보셨더라도, 앞으로 보시면 되겠죠?^^) 먼저 간단하게 MIME 타입에 대해 이야길 하고 시작을 할께요. 먼저 웹브라우저로 웹페이지를 요청하면, ( 즉, 여러분이 http://naver.com 를 브라우저 인터넷 주소창에 넣고 엔터를 치는 순간 ) 웹 서버는 페이지 내용을 반환하기 전에 먼저 헤더를 전송합니다. 헤더는 페이지 상에 나타나진 않지만, 앞으로 웹 브라우저가 어떻게 해석할지 알려주는 부분이기에 매우 중요해요! 말그대로 머릿부분이란 뜻이죠. ( html 은..
HTML , CSS , Javascirpt 뭐가 뭐고 차이점은 뭐죠?
한마디로, 그 셋의 차이는 html - 내용과 구조, CSS - 표현 분리, javascript - 행동분리 로 나눌수 있어요 이 질문은 HTML 만을 이용해서라도 내용, 스타일링, 레이아웃을 할 수 있지만, xHTML/CSS을 알아야 하는 걸까? 레이아웃 등을 위한 테이블은 웹 디자인에 있어서 구시대에 사용되었던 방법이고, 많은 사람들이 지금도 이와 같이 하고 있는데 이것이 우리가 이 것을 처음에 배우고 있는 이유 이다. 이 것들을 배워야 하는 이유는, 1, 코드의 효율성 당신의 파일이 클 수록 다운로드 하는데, 시간이 오래 걸린다. 무선페이지일 경우 데이터 사용량으로 따지기에 파일이 크면 클수록 돈을 더 많이 지불 해야 한다. 그렇기 때문에 스타일과 레이아웃 모든 것을 큰 페이지를 모든 html 파일..
HTML 태그 문법의 금지사항
1. 시작 태그 다음엔 띄워 쓰지 말 것 2. 대문자, 소문자는 구분할 것 ( HTML 5에서는 구분을 하지 않는다 ) 3. 소스의 줄바꿈은 무시되고 공백은 한칸으로 해석한다. 4. 브라우저가 해석하지 못하는 태그나 잘못된 태그를 무시한다. 5. 시작 태그와 종료 태그 사이에 다른 태그를 부모 - 자식 속성으로 사용 할 수 있다. 6. 태그의 속성은 시작 태그 속에서만 정의 기능, 속성 추가시 스페이스로 구분한다. 7. 부모와 자신 속성이 다를 땐 자식 속성이 우선시 된다. 8. 같은 유형의 태그 속에 이름 속성을 두어 하나를 지정 할 수 있다 9. 태그는 박스 요소 로써 인라인 태그와 블럭 태그로 나눴다. 그외에 HTML 문서 작성 시 무조건적으로 들어가야하는 태그들 기본적 태그 설명 단락을 구분한다...
프로그래밍 이야기 - 첫번째 이야기
프로그래밍 언어에 대해서 주저리 주저리 떠들어 보는 시간입니다. 언어가 어떤것인지는 아시죠 ? 말그대로 컴퓨터가 알아듣는 언어를 인간이 쓸 수 있는 언어로 코드를 쳐서 *코딩이라고 합니다. 코딩을 해서, 프로그램 또는 웹 서비스 등 표현을 하는 것을 프로그래밍이라고 하는데, 그 때 인간이 쓰는 문법들을 모아놓은 것을 언어라고 합니다. 이런 언어 등에는 Java , HTML, asp.net , silverlight, php, 등등 그리고 최근들어 일본에서 개발해서 인기가 많은 '루비', 가장 기초적인 C++등 셀 수 없이 많은 언어들이 존재합니다. 예를 들면, 사람이 웹에서 보여주고싶은 것을 보여주기 위해 쓰는 가장 쉽고 기본적인 언어인 HTML, 혹은 PHP , php는 html preprocessor라..
잘 구성된 XML 문서 만들기
잘 구성된 XML 문서 만들기 shakeJ HTML의 경우 백개 정도 요소가 미리 정의가 되어 있다. 브라우저에서는 웹 페이지의 HTML을 검사하고 화면에 표시하게 된다. 그러나, 이 XML에서는 더욱 많은 자유가 주어진다. 당연히, 자신이 구성요소를 직접 정의하며, 사용하는 방식들도 모두 정해주기 때문이다. 매우 자유로운 형식을 가지고 있긴 하지만, 재사용이 가능하도록 하기 위해서는 여러 규칙을 따라야 한다. HTML 보다 훨씬 더 염격한 규칙을 가지고 있다. XML처리기가 XML 문서가 완벽히 이해하지 못하면 어떠한 처리도 하지 않기 때문이다. (저번 실습시간에 봤듯이 하나라도 틀리게 되면 아예 처리를 하지 않는다) 때문에 XML은 잘 구성되어야(well-formedness)해야 하며, 유효해야 한다..