Web 100

구글 검색결과 순위 결정요인

구글 검색결과 순위 결정요인 게시자: kinpah ( https://mediaobject.wordpress.com/2016/09/01/구글-검색결과-순위-결정요인/ ) 이 내용은 Google’s 200 Ranking Factors: The Complete List 내용을 일부는 직역하고 일부는 내용을 토대로 재작성한 것입니다. 또한 이 요인들 205가지 중 일부는 사실이지만, 상당수는 여러 가지 정황에 근거한 추정일 뿐입니다. □ 도메인 요인들 (Domain Factors) 1. 도메인 연령 ( Domain Age ) 해당 도메인 얼마나 오래 됐는지를 감안한다. 하지만, 6개월 됐고 1년 됐고의 차이는 그리 크지 않다. 아주 중요한 요인은 아니다. In this video, Matt Cutts state..

Web 2017.06.01

브라우저 버전체크 - IE Conditional Comments 필터링

W3C의 규격에 의거하여 CSS 코드를 작성하더라도, 각각의 웹 브라우저마다 웹 페이지가 다르게 출력되는 문제가 있습니다. 이러한 문제는 브라우저들이 CSS 규격을 조금씩 서로 다르게 해석하고 출력할 뿐더러, 몇몇 규격은 전혀 출력하지 못하기 때문에 발생합니다. 이처럼 브라우저가 CSS를 W3C 규격과 다르게 출력하거나, 전혀 출력하지 못하는 문제를 CSS 출력 버그(CSS Rendering Bug)라고 합니다. CSS 출력 버그는 표준을 준수하여 웹 페이지를 제작할 때 가장 큰 걸림돌이 됩니다. W3C 규격 외에도 각각의 웹 브라우저들의 CSS 출력 현황에 대해서도 이해해야 하며, 이러한 버그들을 잡는 방법까지 파악해야 하기 때문입니다. IE7, FF1~2, Opera9, Safari처럼 최근에 출시된..

Web 2017.06.01

글꼴의 단위에 따른 크기 비교표

브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표 pointspixelsemspercent글꼴 6pt글꼴 8px글꼴 0.5em글꼴 50%글꼴 7pt글꼴 9.5px글꼴 0.55em글꼴 55%글꼴 7.5pt글꼴 10px글꼴 0.6em글꼴 60%글꼴 8pt글꼴 11px글꼴 0.7em글꼴 70%글꼴 (기준) 9pt글꼴 (기준) 12px글꼴 (기준) 0.75em글꼴 (기준) 75%글꼴 10pt글꼴 13px글꼴 0.8em글꼴 80%글꼴 10.5pt글꼴 14px글꼴 0.85em글꼴 85%글꼴 11pt글꼴 15px 글꼴 0.95em글꼴 95%글꼴 12pt글꼴 16px글꼴 1em글꼴 100%글꼴 13pt글꼴 16.5px글꼴 1.05em글꼴 105%글꼴 14pt글꼴 19px글꼴 1.1em글꼴 110%글꼴..

Web 2017.06.01

주민등록번호 체크 알고리즘

알고리즘을 설명하기 전에 몇가지 확인하고 넘어가야 할 기본 사항이 있습니다. 1. 앞자리 6자리가 생년월일이라는 사실은 누구나 아는 것이죠. 2. 뒷번호 첫번째 자리가 1이나 3일 경우에는 남자이고 2나 4일 경우에는 여자입니다. 이것도 모두 아는 사항이죠. 3과 4는 Y2K문제로 2000년 후 출생자의 경우에 저렇게 된다는 군요. 성별을 구분할 때 홀수인지 짝수인지를 검사해도 되지만 다소 정확도가 떨어지기 때문에 이것은 1,2,3,4중 하나의 숫자인지를 확인하는 것이 확실합니다. 3. 뒷자리의 2번째 부터 6번째까지의 자리는 출생지역에 관한 것인 것으로 아는 저도 정확히 무엇을 뜻하는지는 모릅니다. ^^; 4. 그리고 가장 중요한 마지막자리가 나머지 숫자의 연산해 의해서 계산되어 나오는 체크넘버입니다...

Web 2017.05.31

W3C P3P 규약설정

P3P는 W3C(the World Wide Web Consortium)에서 개발한 프라이버시보호 표준기술플랫폼으로써 웹사이트에서 이루어지는 데이터 처리에 관한 일련의 표준을 제시하고 있습니다. 구체적인 목표는 웹 브라우저나 다른 사용자 도구로 하여금 자동적으로 해당 웹사이트의 프라이버시에 관한 정보를 읽고 사용자가 이미 설정해 놓은 정보공개 수준과 비교하여 정보를 선별적으로 제공하는 것입니다. Internet Explorer 6 사용자가 쿠키 제한을 높게 설정을 하여도 쿠키를 사용할 수 있도록 하기 위함이지요. 또 프레임을 나눈 상태에서 제대로 쿠키가 적용되지 않는 문제도 해결할 수 있고요. header() 함수를 통해 정책을 전달하는 방식인데 cp= 뒤쪽에 있는 것들이 정책의 단축어라고 합니다. // ..

Web 2017.05.31

한글문서(.hwp)를 html (웹문서)로 변경, 게시판에 넣기

한글 문서를 html 문서로 변경하는 방법입니다. 1. 파일 > 다른 이름으로 저장하기 2. 파일형식 > 인터넷 문서 (*.htm;*.html;*.asp;*.php) 선택 3. 저장 > 인터넷 문서 종류 > 문서 코드 선택 > 유니코드(UTF-8) > 확인 4. 저장된 문서를 마우스 더블클릭 해서 인터넷익스플로어로 엽니다. 5. 문서가 정상적으로 열리는지 확인합니다. 6. 열린 html 문서에 마우스 오른쪽을 눌러서 소스보기를 합니다. 7. 소스 내용에서 복사 합니다. 8. 게시판 ( 아래 SmartEditor 2.0 )의 글쓰기 창에 Editor / HTML / TEXT (그림에 나와 있는 게시판은 그누보드입니다.) 9. 문서 글쓰기 창 아래쪽에 있는 Editor / HTML / TEXT 중에서 HTM..

Web 2017.05.30

일반 유니코드(Unicode)와 'UTF-8 유니코드'의 차이점

UTF-8은 유니코드입니다. 유니코드는 전세계의 모든 문자를 한꺼번에 표현할 수 있는 인코딩입니다. 한글도 완벽히 표현할 수 있습니다. 유니코드에도 여러가지 종류가 있는데, 인터넷에 올릴 HTML 파일을 유니코드로 작성할 때는 반드시 UTF-8 이어야만 합니다. (윈도우에서 기본적으로 사용하는 유니코드는 UTF-8이 아닙니다.) 한국어(euc-kr) 는 '한글'과 '한국에서 통용되는 한자' 그리고 '영문'을 표현할 수 있습니다. 일본식 한자 / 중국어의 간체자 등은 표현할 수 없습니다. 또한 프랑스어의 악상이나 독일어의 움라우트 등도 표현할 수 없습니다. 다만 HTML문서의 경우 euc-kr로도, 외국 문자를 정확히 표현하는 방법이 있습니다 요즘의 외국 사이트들은 대체로 UTF-8을 사용합니다. 따라서 ..

Web 2017.05.29

부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기

FONT AWESOME - FREE ICONIC WEB FONT 사용방법 : http://fortawesome.github.io/Font-Awesome/examples/ After you get up and running, you can place Font Awesome icons just about anywhere with the tag. Some examples appreciatively re-used from the Bootstrap documentation.  폰트 어썸의 class나 유니코드를 알려면 아래 링크를 클릭하셔서 원하는 아이콘을 클릭하시면 사용할 수 있는 유니코드와 태그가 나옵니다. http://fortawesome.github.io/Font-Awesome/icons/ 그외 유용한 ..

Web 2017.05.29

HTML5에 대해서 알아보자!

1. 마크업 기본 규칙 HTML5는 HTML4 버전대의 문법도 호환하고 XHTML1 버전대의 문법도 호환합니다. 그래서 HTML문법에 익숙한 사람들은 HTML방식의 마크업 코딩을 하면 되고, XHTML 문법에 익숙한 사람들은 XHTML 방식으로 마크업을 하면 됩니다. 간단히 짚고 넘어가면, HTML4.x는 문법이 대문자고, 홀태그에 대한 닫힘태그가 없는 것이 특징이고, XHTML1은 모든 문법이 소문자고, 홀태그에 대한 닫힘 표시도 해야되는 엄격한 문법구조를 가지고 있다는 차이점이 있습니다. HTML5의 기본 문법과 마크업 규칙에 대해서 알아보겠습니다. (1) 처음 선언할때는 독타입을 선언합니다. 독타입은 문서형식선언(Document Type Declaration)으로 보통 웹 문서가 어떤 마크업 언어 ..

Web 2017.05.28

[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏 쓰자!

구글 Noto 한국어 글꼴을 웹에서 마음껏! 작성자: 신정식, 소프트웨어 엔지니어 및 폰트 비저너리 훈민정음 반포 569돌을 맞이해서 자그마한 선물을 마련했습니다. 작년 7월에 발표한 Noto Sans CJK 글꼴을 이제 여러분의 웹 사이트에서도 마음대로 쓸 수 있습니다. Noto Sans CJK 글꼴 패밀리 가운데 한국어 전용인 Noto Sans KR을 Google Fonts Early Access를 통해 제공합니다. Noto Sans KR은 현대 한국어 뿐 아니라, 옛한글도 완벽하게 지원하고 총 6가지 굵기(weight) 중에 마음대로 골라 쓸 수 있습니다. 구글은 웹과 인터넷에서 한글을 보다 아름답고 다양하게 표현할 수 있도록 많은 노력을 기울여 왔습니다. 그 일환으로 국내 글꼴 제작사가 만든 여러..

Web 2017.05.28