1. 문자 자료는 디지털로 어떻게 표현될까? 시용자가 컴퓨터에 입력을 하면 컴퓨터에서 그 입력을 바로 받아들이고 출력해주지 않습니다. 컴퓨터는 2진수로 처리된 입력값을 받을 수 있습니다. 그래서 중간에 입력값을 2진수로 바꿔주는 처리과정이 필요합니다. 즉, '입력 - 처리 - 출력'의 과정을 거칩니다. 다시 생각해보면 각 문자들은 정해저 있는 2진수 값이 있다고 볼 수 있습니다. 이렇게 각 문자를 구분하기 위해 각각 약속된 이진수의 값을 정해놓은 코드를 문자 코드라고 합니다. 문자 정보에는 0~9, A~Z, a~z, 특수문자 등과 같은 문자와 공백이며, enter 키를 누르는 것도 문자로 취급됩니다. 이 문자 코드에는 종류가 여러가지가 있는데 이번 포스팅에서는 아스키코드와 유니코드에 대해서 알아보겠습니다..

W3C의 이미지를 가져왔습니다. HTML Entities는 디자인 용도로는 사용을 하면 안됩니다! 특수문자의 전문 용어를 알아두면 좋습니다. 의사소통을 할 때 도움이 많이 됩니다. ` : grave 그레이브 ~ : tilde 틸드 ! : exclamation mark 엑스클러메이션 마크 @ : at sign 엣 사인 # : number sign, sharp $ : dollar sign % : percent sign ^ : caret 캐럿 & : ampersand 엠퍼센드 * : asterisk 에스터리스크 - : hyphen, dash _ : underbar, low dash = : equals sign " : quotation mark 쿼테이션 마크 ' : apostrophe 아포스트로피 : : col..

웹 콘텐츠 접근성 지침서로, KWCAG라는 한국형 웹 콘텐츠 접근성 지침도 있습니다. 이는 완벽한 것이 아닌 최소한의 접근성으로서 앞으로 웹 개발을 할 때 지켜줘야 할 항목들입니다. 다음 아래 내용은 KWCAG2.1 (한국형 웹 콘텐츠 지침) 내용입니다. 인식의 용이성 - 적절한 대체 텍스트 제공, 자막 제공, 색에 무관한 콘텐츠 인식, 명확한 지시 사항 제공(동의란 잘 보이게 등), 텍스트 콘텐츠의 명도 대비, 자동 재생 금지, 콘텐츠 간의 구분 운용의 용이성 - (마우스로 된다면 키보드도) 키보드 사용 보장, 초점 이동, 조작 기능, 응답시간 조절, 정지 기능 제공, 깜빡임과 번쩍임 사용 제한(발작 장애. 주의문구 표시), 반복 영역 건너뛰기, 제목 제공, 적절한 링크 텍스트 - h tag 잘 써서 ..

새로운 표준 HTML5이 등장했습니다. 그 전엔 html4.01, xhtml1.0이 표준이었습니다. W3C가 XHTML1.0을 구체화하기 위해 XHTML2.0 작업을 진행중이었으나 하위 호환상에 치명적인 문제가 있었습니다. XHTML2.0의 실패 후 HTML을 개발하면서 WHATWG(애플, 모질라 재단, 오페라 소프트웨어가 공동으로 설립한 공개 그룹 / W3C와 별개로 Web Application 1.0과 Web Forms 2.0을 만들어 냄)의 표준안을 대부분 수용하여 HTML5가 탄생하게 됐습니다. 한마디로 W3C가 백기투항하고 주객전도 돼서 Vender가 개발하면 그 표준을 W3C에서 적용을 시키게 됩니다. HTML4.01, XHTML1.0과 HTML5의 차이점은 새롭게 등장한 콘텐츠 모델입니다. ..

* 검색 엔진 최적화(SEO)에 신경 써야 합니다. => 검색 엔진 최적화 관련해서 공부하고 포스팅! * '우리 회사 방문을 환영합니다.' 이런거 하지 말아야 합니다. * 페이지를 대표하는 키워드를 사용해야합니다. (유니크해야 합니다. 중복을 피해야 합니다.)

옛날 당시 인터넷 서비스는 'Telnet, IRC, e-mail, Usenet, FTP, Archie, Gopher, WWW'가 있습니다. Telnet은 원격 접속 서비스 e-mail은 electronit mail(전자메일) Usenet은 지금을 따지면 커뮤니티 FTP은 파일을 송수신하는 서비스 IRC는 채팅 프로그램 Archie, Gopher는 전문 지식 검색 서비스 WWW는 world wide web를 말합니다. 이 중 WWW에 대해 공부를 합니다. 웹은 Tim Berners-Lee가 개발했습니다. 인터넷의 기반을 닦은 여러 공로로 웹의 아버지라고 불리는 인물 중 한 분입니다. URL, HTTP, HTML 최초 설계도 그가 한 것입니다. 그럼 웹은 왜 만들어졌을까요? 당시 연구소에서 자료를 디지털화하..

Attribute Attribute는 HTML elements에 추가적인 정보를 넣을 때 사용되는 요소입니다. 꼭 안줘도 됩니다. 즉 추가정보인 것입니다. global인 추가정보가 있고(class, id, title, lang, data-x), 특정 element에서만 쓰이는 local 추가정보도 있습니다. 위 코드에서 class는 attribute(속성)이고, test-class는 value(속성값)입니다. Property property는 HTML DOM tree 안에서 attribute를 가르키는 요소입니다. css에서 font-size, color 등은 원래 갖고 있는 특성입니다. 이 property는 조작이 가능합니다. 예로 font-size 같은 경우 15px을 줄 수 있고, 혹은 1em을 줄..

웹 문서는 DTD(문서형 정의)의 선언으로 시작합니다. DTD란? 아래는 위키백과의 정의입니다. 문자형식 정의는 컴퓨터 용어로, SGML 계열의 마크업 언어에서 문서 형식을 정의하는 것이다. SMGL을 비롯해 HTML, XHTML, XML 등에서 쓰인다. HTML, XHTML, XML 각각의 문서에 맞는 규칙이 적힌 문서라고 생각합니다. 웹브라우저는 DTD를 통해 오류를 나타내 줍니다. DOCTYPE 선언 이유 DOCTYPE 선언은 선언된 페이지의 HTML 버전이 무엇인지를 웹브라우저에 알려주는 역할을 하는 선언문입니다. 웹브라우저는 를 통해 해당 문서의 버전을 파악할 수 있습니다. XML의 경우 DTD를 참고하지만 HTML5는 참고하지 않는다고 합니다. 은 최신 버전을 렌더링하도록 도우며 표준화된 웹사..