Strict HTML 4.01로 가기 위한 지침서

Strict HTML 4.01로 가기 위한 지침서

  • 항상 모든 웹페이지는 DOCTYPE로 시작되어야 함
  • 바로 다음에 오는 <html> 엘리먼트는 웹 페이지의 최상위 혹은 루트 엘리먼트가 되어야 함
  • DOCTYPE다음에 오는 <html>태그로 페이지를 시작해서 </html>태그로 페이지를 끝내야 하며, <head>와 <body>만이 <html>엘리먼트 안에 들어갈 수 있음
  • <head>엘리먼트에는 <title>엘리먼트가 항상 있어야 함
  • <head>엘리먼트에 <title>, <meta>, <style>엘리먼트만 올 수 있음
  • <body>에는 블록 엘리먼트(block element)만 포함할 수 있음
  • 모든 인라인 엘리먼트(inline element)와 텍스트sms <body>엘리먼트 안에 들어가기 전에 다른 블록 엘리먼트 안으로 들어가야 함
  • 인라인 엘리먼트 안에는 텍스트와 다른 인라인 엘리먼트만 들어갈 수 있음
  • 인라인 엘리먼트 안에 블록 엘리먼트를 포함할 수 없음
  • <p>엘리먼트 안에 블록엘리먼트를 두면 안 됨
  • 리스트인 <ul>과 <ol> 엘리먼트 안에는 오직 <li>엘리먼트만 들어올 수 있음
  • <li>엘리먼트 안에는 무엇이든지 포함될 수 있음
  • <blockquote>는 오직 블록 엘리먼트만 포함될 수 있음

XHTML 1.0 체크리스트

XHTML 1.0 체크리스트

  • DOCTYPE을 Strict XHTML로 변경함. 또는 여전히 Transitional HTML을 사용하고 있다면 Transitional XHTML로 변경함
  • xmlns, lang, xml:lang속성을 <html>시작 태그에 추가함
  • <html>태그는 DOCTYPE 다음에 오는 맨 첫번째 태그가 되어야 하며, </html>종료태그는 가장 마지막 태그가 되어야 함
  • 모든 엘리먼트 이름들은 소문자로 작성되어야 함
  • 모든 시작 태그들은 종료 태그를 가져야 함. 또는 빈 엘리먼트의 경우 하나의 공백문자와 />로 끝나야 함
  • 모든 속성값들은 큰 따옴표로 둘러싸고 값을 가져야 함
  • HTML 콘텐츠에 &를 사용하지 말 것. &가 시작 엔티티를 위한 것이라면 대신 &amp를 사용할 것. 다른 특수 문자들도 엔티티로 변환함

HTML 4.01 / XHTML 1.0 Reference

Ordered by Function

  • NN: indicates the earliest version of Netscape that supports the tag
  • IE: indicates the earliest version of Internet Explorer that supports the tag
  • DTD: indicates in which XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset 
Start tag Purpose NN IE DTD
Basic Tags
<!DOCTYPE> Defines the document type STF
<html> Defines an html document 3.0 3.0 STF
<body> Defines the body element 3.0 3.0 STF
<h1> to <h6> Defines header 1 to header 6 3.0 3.0 STF
<p> Defines a paragraph 3.0 3.0 STF
<br> Inserts a single line break 3.0 3.0 STF
<hr> Defines a horizontal rule 3.0 3.0 STF
<!–…–> Defines a comment 3.0 3.0 STF
Char Format
<b> Defines bold text 3.0 3.0 STF
<font> Deprecated. Defines text font, size, and color 3.0 3.0 TF
<i> Defines italic text 3.0 3.0 STF
<em> Defines emphasized text 3.0 3.0 STF
<big> Defines big text 3.0 3.0 STF
<strong> Defines strong text 3.0 3.0 STF
<small> Defines small text 3.0 3.0 STF
<sup> Defines superscripted text 3.0 3.0 STF
<sub> Defines subscripted text 3.0 3.0 STF
<bdo> Defines the direction of text display 6.2 5.0 STF
<u> Deprecated. Defines underlined text 3.0 3.0 TF
Output
<pre> Defines preformatted text 3.0 3.0 STF
<code> Defines computer code text 3.0 3.0 STF
<tt> Defines teletype text 3.0 3.0 STF
<kbd> Defines keyboard text 3.0 3.0 STF
<var> Defines a variable 3.0 3.0 STF
<dfn> Defines a definition term 3.0 STF
<samp> Defines sample computer code 3.0 3.0 STF
<xmp> Deprecated. Defines preformatted text 3.0 3.0
Blocks
<acronym> Defines an acronym 6.2 4.0 STF
<abbr> Defines an abbreviation 6.2 STF
<address> Defines an address element 4.0 4.0 STF
<blockquote> Defines a long quotation 3.0 3.0 STF
<center> Deprecated. Defines centered text 3.0 3.0 TF
<q> Defines a short quotation 6.2 4.0 STF
<cite> Defines a citation 3.0 3.0 STF
<ins> Defines inserted text 6.2 4.0 STF
<del> Defines deleted text 6.2 4.0 STF
<s> Deprecated. Defines strikethrough text 3.0 3.0 TF
<strike> Deprecated. Defines strikethrough text 3.0 3.0 TF
Links
<a> Defines an anchor 3.0 3.0 STF
<link> Defines a resource reference 4.0 3.0 STF
Frames
<frame> Defines a sub window (a frame) 3.0 3.0 F
<frameset> Defines a set of frames 3.0 3.0 F
<noframes> Defines a noframe section 3.0 3.0 TF
<iframe> Defines an inline sub window (frame) 6.0 4.0 TF
Input
<form> Defines a form 3.0 3.0 STF
<input> Defines an input field 3.0 3.0 STF
<textarea> Defines a text area 3.0 3.0 STF
<button> Defines a push button 6.2 4.0 STF
<select> Defines a selectable list 3.0 3.0 STF
<optgroup> Defines an option group 6.0 6.0 STF
<option> Defines an item in a list box 3.0 3.0 STF
<label> Defines a label for a form control 6.2 4.0 STF
<fieldset> Defines a fieldset 6.2 4.0 STF
<legend> Defines a title in a fieldset 6.2 4.0 STF
<isindex> Deprecated. Defines a single-line input field 3.0 3.0 TF
Lists
<ul> Defines an unordered list 3.0 3.0 STF
<ol> Defines an ordered list 3.0 3.0 STF
<li> Defines a list item 3.0 3.0 STF
<dir> Deprecated. Defines a directory list 3.0 3.0 TF
<dl> Defines a definition list 3.0 3.0 STF
<dt> Defines a definition term 3.0 3.0 STF
<dd> Defines a definition description 3.0 3.0 STF
<menu> Deprecated. Defines a menu list 3.0 3.0 TF
Images
<img> Defines an image 3.0 3.0 STF
<map> Defines an image map 3.0 3.0 STF
<area> Defines an area inside an image map 3.0 3.0 STF
Tables
<table> Defines a table 3.0 3.0 STF
<caption> Defines a table caption 3.0 3.0 STF
<th> Defines a table header 3.0 3.0 STF
<tr> Defines a table row 3.0 3.0 STF
<td> Defines a table cell 3.0 3.0 STF
<thead> Defines a table header 4.0 STF
<tbody> Defines a table body 4.0 STF
<tfoot> Defines a table footer 4.0 STF
<col> Defines attributes for table columns 3.0 STF
<colgroup> Defines groups of table columns 3.0 STF
Styles
<style> Defines a style definition 4.0 3.0 STF
<div> Defines a section in a document 3.0 3.0 STF
<span> Defines a section in a document 4.0 3.0 STF
Meta Info
<head> Defines information about the document 3.0 3.0 STF
<title> Defines the document title 3.0 3.0 STF
<meta> Defines meta information 3.0 3.0 STF
<base> Defines a base URL for all the links in a page 3.0 3.0 STF
<basefont> Deprecated. Defines a base font 3.0 3.0 TF
Programming
<script> Defines a script 3.0 3.0 STF
<noscript> Defines a noscript section 3.0 3.0 STF
<applet> Deprecated. Defines an applet 2.0 3.0 TF
<object> Defines an embedded object 3.0 STF
<param> Defines a parameter for an object 3.0 3.0 STF

파워포인트로 포스터 프리젠테이션하기

학회 또는 전시회 등에서 자신의 논문이나 작품을 소개하기 위하여 포스터(또는 패널)을 전시하게 된다. 포스터를 위해서 포토샵, 일러스트레이터, 코렐드로우 등 여러 컴퓨터 그래픽 관련 프로그램을 사용하게 되나, 손쉽게는 파워포인트를 이용하여 제작할 수 있다.
파워포인트를 이용하여 포스터 제작하는 방법은 다음과 같다.

1. 파워포인트로 프로그램을 실행합니다.
슬라이드 구성 선택 중 디자인 서식파일에서 빈문서의 기본 디자인을 선택합니다.

2. 상단 메뉴중 ‘파일’ — ‘페이지 설정‘을 클릭합니다.

3. ‘슬라이드 크기‘는 ‘사용자 지정’, ‘너비’는 90 cm(원하는 크키)로, ‘높이’는 120 cm(원하는 크기)로 변경합니다.
* 포스터의 한쪽 크기가 142.22 cm를 넘을 경우! – 비례로 계산해서 줄여서 작업해야 합니다.
->축소비율을 가로세로 모두 50%로 설정하여 작업하고, 출력시 200%확대해서 출력합니다.

4. 출력용 양식은 한 화면에서 한장의 파일로 만들어야 선명한 품질의 포스터를 만들 수 있습니다.

5. 먼저 제목, 배경, 방법, 결과, 결론 등에 해당되는 글상자 Box를 만들어 주어야 합니다.

6. 상단 메뉴의 ‘삽입’ — ‘텍스트 상자’ — ‘가로’를 클릭한 후 들어갈 내용을 감안하여 영역을 지정 합니다.

7. 각 텍스트 상자안에 내용을 입력하기 위해 상단 도구모음 줄의 크기를 키워서 (12 % 를 50 % 로 변경) 작업 합니다.

8. 제목 글씨 크기는 70 – 90 정도로 설정 합니다.
저자의 글씨크기는 40 – 50 정도로 설정 합니다.
본문내용 글씨 크기는 20 – 28 정도로 합니다.

9. 그림파일을 삽입할 경우 해당 그림 복사 후 원하는 위치에 붙여넣습니다.

출처: 웹포스터 http://webposter.co.kr/

참고할 만한 사이트는 다음과 같다.

[포스터 프리젠테이션을 위한 조언]
http://www.cmu.edu/identity/ 스타일 가이드
http://www.swarthmore.edu/NatSci/cpurrin1/posteradvice.htm
http://www.nursing.ufl.edu/ors/services.htm#temptips
http://www.uic.edu/pharmacy/faculty/powerpoint_poster_templates.htm
http://www.ices.cmu.edu/posters.html
http://miu.med.unsw.edu.au/downloads.htm#Scientific%20poster%20templates
http://www.osti.gov/em52/workshop/tips-exhibits.html
http://www.aspb.org/education/poster.cfm
http://www.ices.cmu.edu/ppt_templates.zip

굴림 vs 굴림체

코딩을 하면서 글꼴 설정할 때, 고정폭 글꼴을 사용하는 것이 좋다.
모든 문자의 폭이 일정하기 때문에, 각각의 문자가 수직으로 잘 정리되고 중복된 띄어쓰기를 쉽게 구분할 수 있다.
영문의 경우 : FixedSys 또는 Courier New를 선택하면 좋을 듯 (개인의 취향에 따라 달라짐)
국문의 경우 : 바탕체, 굴림체, 돋움체 등과 같이 그 끝이 ‘체’로 끝나는 글꼴

<참고>
가변폭 글꼴 : 굴림,    돋움,    바탕
고정폭 글꼴 : 굴림체, 돋움체, 바탕체

print$ 공유폴더 문제

print$(C:\WINDOWS\System32\spool\drivers) 관리목적 공유폴더는 여러대의 컴퓨터가 프린터를 공유해서 사용할 경우 프린터 설치를 위한 프린터 드라이버가 저장되어 있는 곳 입니다.
따라서, 공유를 해제한다고 해서 프린터를 사용할 수 없는 일은 발생하지 않습니다.

가정이나 개인용으로 사용하신다면 당연히 공유기능을 해제하거나 중지시키시기 바랍니다.

1. 먼저 자신의 컴퓨터 공유 폴더 상황 체크하기
[시작] →[실행] 창에서 fsmgmt.msc 입력 후 엔터 하시면 현재 공유폴더 상황이 공유폴더 창으로 나타나게 됩니다. (윈Xp)
참고 : 윈98 -> netwatch 명령어로 확인 가능함(윈도우 추가 설치 필요)

2. 필요없는 공유 설정 해제 하기
거기에서 공유를 해제하거나 중지하고 싶으실 경우,  오른쪽 마우스 클릭 -> [공유중지] 하시면 됩니다.
참고 : 윈도우 보안 설정 관련 레지스트리 설정하기(보안상 중요합니다. 확인하시기 바랍니다.)

[시작] – [실행] – regedit 입력 후 작업 시작! (단, 초보자분들은 권장 안함)

1. 원격 사용자의 CD-ROM, FDD 사용 조작 차단

HKLM/Software/Microsoft/WindowsNT/CurrentVersion/Winlogon 항목에
 → AllocateFloppies 값 추가, “1”로 set (데이터 형식 : REG_SZ)
 → AllocateCDRoms 의 값 추가, “1”로 set (데이터 형식 : REG_SZ)

2. 불필요한 관리 목적 공유 차단하기

HKLM/System/CurrentControlSet/Services/LanmanServer/Parameters 항목에
→ AutoShareServer (win2k의 경우 AutoShareWks) 항목을 REG_DWORD 형식으로 값 추가 후   “0” 으로 설정 // 관리자를 위한 숨겨진 공유가 필요없다면 disable 하는 기능

3. 외부에서 System으로의 모든 공유를 차단하되 System에서 외부로의 공유는 허용하기
 
 HKLM/System/CurrentControlSet/Services/LanmanServer 의 Start 항목을 “3”으로 set (default = 2)
HKLM/System/CurrentControlSet/Services/Browser 의 Start 항목을 “3”으로 set (default = 2)

4. Null 세션 차단하기(익명 사용자 접근 차단)
 HKLM/System/CurrentControlSet/ControlLSA  → RestrictAnonymous 값을 REG_DWORD 형식으로 하여 “1” 로 set

문자열을 읽어서 단어로 나누어 주는 함수 짜기

입력받은 문자열을 쉼표와 빈칸에 따라 단어를 나누어 준다.

여기서 3)과 5)가 많이 비슷하고 중복된 것으로 느낄 것이다.
그래서 어느 한 쪽을 지워버리면 어떤 일이 생길까?
시간이 되시면 한 번씩 해보면 좋을 것 같다.
결론부터 말하자면, 빈 문자열도 하나의 단어처럼 취급될 수 있다.
즉, 원하는 결과를 제대로 얻을 수 없다.

[사용법]

인터넷 학술 문헌 검색

주의 : 아래의 내용은 실제와 다를 수 있다. 왜냐하면 현재 계속 개발중이기 때문이다.

구글 스칼라(Google Scholar)

구글 스칼라는 검색 엔진으로 유명한 구글(Google)의 학술 문헌 전용 검색서비스이다.

최근에 연구 동향을 한눈에 볼 수 있는 기능을 논문 검색에 추가했다. 구글이 추가한 새로운 기능을 통해 최근에 발표된 논문들 중 많이 인용되고 있는 논문이나 논문 작성일 등을 기준으로 검색할 수 있다.

최근 미국에서 자료를 수집할 때 가장 많이 사용하는 인터넷 검색 엔진에 대한 설문조사에서 젊은 과학자들은 구글(Google)과 구글 스칼라(Google Scholar)를 가장 많이 이용하는 것으로 조사되었다.

구글 스칼라의 URL은 “http://scholar.google.com“이며 아래 검색창에서 바로 검색할 수 있다. 

Google Scholar


* 도움말

  1. Title : 완전한 논문(기사)의 제목, 논문(기사)의 초록과 연결된 제목, 또는 웹사이트에서 얻을 수 있는 제목
  2. Cited By : 논문(기사)를 인용한 다른 논문들 
  3. Library Links (online) : 자신이 속한 도서관의 자원을 통한 검색. 이 검색은 캠퍼스 내에서 접속할 때 자동으로 나타남.
  4. Library Links (offline) : Locates libraries which have a physical copy of the work. 
  5. Group of  : 학술적으로 관련된 영역내에서 다른 논문(기사)를 검색.
  6. Web Search : 현재 입력한 검색어를 가지고 구글에서 검색 
  7. BL Direct : 영국 도서관을 통하여 논문(기사)의 전문을 구매. 

윈도우즈 라이브 아카데믹(Windows Live Academic)

윈도우즈 라이브 아카데믹은 마이크로소프트(Microsoft)에서 제공하는 학술 문헌 검색 서비스이다.  
URL :  http://academic.live.com/

윈 도우즈 라이브 아카데믹에서는 기사 제목, 저자 이름, 기사 요약 및 세미나 절차로 학술 논문 및 콘텐츠를 검색할 수 있다.저자, 날짜, 간행물 및 세미나를 기준으로 결과를 정렬하고 미리 보기 창에서 기사의 요약 및 인용 정보를 확인하면 검색 시간을절약할 수 있다.

서비스는 현재 베타 버전으로 제공됩니다.



* 도움말

  1. Slider bar: This allows you to change the amount of info you see. See more or see less-it’s up to you.
  2. Preview pane: Hover over a result to see more info about an article before you click through to it.
  3. Abstract: Click this to display an article’s abstract (if available) in the Preview Pane.
  4. BibTeX/EndNote: Click this to see an article’s formatted citation (in BibTeX or EndNote format).
  5. Search result:This is the search result itself, including (when available) links tothe full text of the paper, and to a search of your own library forthat article.
  6. Sort by: This is a drop-down menu that lets you sort results by author, journal, conference, date, and relevance

이상의 내용은 건축도시연구정보센터의 메일을 토대로 재작성한 것임.

XML 주석활용하기-내가 짠 함수에 대한 설명이 보이게

프로그램 작성시 중요한 것 중의 하나가 주석을 적절하게 다는 것이다.
이제 주석 처리가 VB.NET 2005에 들어오면서 획기적으로 발전하였다. 단순한 주석에서 머무르지 않고 이제는 XML 주석을 통해 각 코드에 구조화된 주석을 쉽게 첨가할 수 있게 되었다. 주석을 작성할 때 각 요소들의 상단에 작은따옴표 3개(”’)를 입력하면(원래 비베의 주석은 작은따옴표 한 개면 됨) [그림1]과 같이 자동으로 XML 주석이 생성되는 것을 확인 할 수 있다.


[그림 1] 비베20005에서 XML 자동 주석 달기

해당 요소에 대한 XML 주석 작성 후 다른 곳에서 그 요소를 참조하게 되면 작성된 XML 주석의 내용이 인텔리센스로 표현되어 코딩시 혼동을 방지할 수 있다. 

[그림2], [그림3]은 작성된 XML 주석이 참조시 사용되는 예이다.

[그림 2] XML 주석의 활용 – 첫째 인자에 대한 설명이 나옴

 
[그림 3] XML 주석의 활용 – 둘째 인자에 대한 설명이 나옴

[For your information]
Visual Basic에서는 프로젝트를 빌드할 때 자동으로 XML 설명서 파일을 생성합니다. 이 파일은 응용 프로그램 출력 디렉터리에 AssemblyName.xml로 나타납니다. 이 파일은 XML 파일이므로 필요할 경우 다른 출력 형식으로 쉽게 변환할 수 있습니다. XML 주석을 사용하면 쉽고 편리하게 코드 설명서를 생성할 수 있습니다. 즉, 코드를 작성하는 동안에는 IntelliSense로, 응용 프로그램을 빌드한 후에는 코드 설명서로 생성할 수 있습니다. (출처 : Visual Basic 2005의 언어 향상)

리팩터링(refactoring)

리팩터링(refactoring)
1. 정의
– 기존 코드의 설계를 개선하는 절차
– 동작(operation)을 보존하는 변환
-> 겉으로 보이는 동작을 바꾸지 않고, 이해하거나 수정하기 쉽게 소프트웨어의 내부 구조를 바꾸는 것 (Martin Fowler)

2. 리팩터링을 하는 이유
– 새로운 코드를 더 쉽게 추가할 수 있도록 하기 위해
– 기존 코드의 설계를 개선하기 위해
– 기존 코드를 더 잘 이해하기 위해
– 덜 짜증나는 코드로 만들기 위해

“Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
컴퓨터가 이해하는 코드는 어느 바보나 짤 수 있다. 훌륭한 프로그래머는 사람이 이해할 수 있는 코드를 짠다.” – Martin Fowler

<참고>
패턴(pattern) : 반복해 나나타는 설계 문제에 대한 표준 해법
설계 초기 단계부터 패턴을 적용하는 것보다 기존 설계를 개선하는 데 패턴을 사용하는 것이 더 낫다.