HTML 기본구조


HTML의 경우 기본구조가 있어, 그 구조에 맞춰 해당 태그를 입력하면 됩니다.


웹 문서는 크게 머리부, 몸체부로 나뉠수 있습니다.



위에 빨간 사각형이 머리부

아래 빨간 사각형이 몸체부라고 할 수 있습니다.


소스에서 <html> , <head>와 같이 산형괄호( <> )로 묶인 것을 태그라고 합니다.

이러한 태그들은 사용 용도가 정해져 있으므로, 필요한 곳에 가져와서 사용하면 됩니다.


대부분의 태그는 여는태그 ( <태그명> )와 닫는 태그 ( </태그명> )로 구성되어 적용 범위를 정할 수 있습니다.


간단한 HTML 소스의 기본 구조


<html>        -- HTML 문서의 시작을 알려줌

<head>    -- 머리부 시작을 알려줌

<title> 홈페이지 </title>   -- 타이틀 바에 표시할 문자 표시

</head>   -- 머리부 끝을 알려줌

<body>    -- 몸체부 시작을 알려줌

안녕하세요..         

반갑습니다..

할말이 없네여..

</body>    -- 몸체부 끝을 알려줌

</html>    -- HTML 문서 끝을 알려줌


아주 간단한 HTML소스입니다. 한번 웹브라우저로 열어 볼까요?





<html> ... </html>

HTML 문서 형식으로 작성됬음을 나타내고 문서의 시작과 끝을 알려줍니다.

문서를 만들 때 제일 먼저 <html> 태그를 적고, 가장 마지막에 </html> 태그로 닫아 주어야 합니다.

실행 결과에는 변화를 주지 않고 홈페이지의 시작과 끝을 알려줍니다.



<head> ... </head>

머리부임을 알려주는 태그로, <html> 처럼 실행 결과에 변화를 주지 않지만, 

<head> 태그 사이에 문서 정보를 입력해 문서 전체를 변화시킬 수 있습니다.

<head>태그 사이에는 <title>, <meta>, <style>, <script> 태그 등을 삽입할 수 있습니다.



<body> ... </body>

몸체부의 시작과 긑을 알려주고 실질적으로 브라우저에 표시할 문서를 기록하는 곳 입니다.

홈페이지에서 보이는 대부분은 이 태그 사이에 기록합니다.

문자, 그림, 표와 같은 실제로 문서를 구성하게 될 구성 요소를 <body>태그 사이에 입력합니다.








'' 카테고리의 다른 글

폼(Form) 관련 태그 폼 문서(회원가입 창) 만들기  (3) 2012.05.07
목록 관련 태그  (0) 2012.05.05
홈페이지 만들기 기초 - 2  (0) 2012.05.01
홈페이지 만들기 기초 - 1  (1) 2012.05.01
웹페이지 동작 원리  (0) 2012.04.30



글로벌 보안업체인 시만텍은 2일 '인터넷 보안 위협 보고서' 제 17호를 발표했습니다.

지난 해 전세계 200여개국에 설치된 24만여개의 센서에서 수집된 실제 데이터를 기반으로 인터넷 보안 위협을 분석했다고 합니다.



지난 2011년은 각종 사이버 공격이 유난히 기승을 부린 것으로 나타났습니다.

시만텍에 따르면 2011년 한해동안 악성코드공격은 55억건으로 2010년 전년대비 81%나 증가 했다고 합니다.







악성공격 81% 증가, 스팸은 34% 감소

2011년 악성코드는 55억건으로 작년대비 81% 급증했고, 악성코드 변종도 4억 3백만개로 41% 증가했다고 합니다.


매일 차단 되는 웹 공격 건수도 4천 595건으로 36% 증가했습니다.

이는 매 공격마다 새로운 형태의 돌연변이 악성코드를 생성해 공격하는 '다형성'공격이 급증했기 때문이라고 분석했습니다.


반면 스팸의 양은 전년대비 34% 줄었다고 합니다.

이는 스패머들이 대량 스팸 메일을 발송할 때 봇넷을 이용하는데, 작년 러스톡(Rustok)과 같은 악명 높은 봇넷들이 잇따라 폐쇄되면서 스팸의 양이 감소된 것으로 분석됩니다.






표적공격 이용한 사이버 스파이활동 증가 


사이버 공격의 새로운 유형으로 주목받고 있는 '표적공격'은 2010년 일 평균 77건에서 2011년 82건으로 증가했습니다. 경제 강국들이 갖고 있는 원천기술과 첨단기술을 빼내기 위한 디지털 산업스파이 활동이 활발해지면서 표적공격은 경제 전 분야에 영향을 미치고 있습니다. 표적공격은 제로데이 취약점 등 각 공격마다 평균 2종의 보안 취약점을 이용한 것으로 나타났습니다. 


전통적으로 정부를 겨냥한 표적공격은 그 대상과 규모가 다양해지면서 전방위로 확산되고 있는 것으로 나타났습니다. 



연간 2억3천200만건의 개인정보 유출

2011년은 그 어느 해보다도 데이터 유출사고가 빈발한 해입니다. 연간 총 2억3천200만건 이상의 개인정보가 유출되고, 사고당 평균 약 110만건의 개인정보 유출된 것으로 나타났습니다. 산업별로는 컴퓨터 소프트웨어, IT 및 헬스케어 분야가 전체 데이터 유출사고의 93%를 차지했습니다.

특히 유출된 개인정보 숫자로 보면 해킹사고가 가장 큰 위협으로 조사됐으며, 총 1억8천700만건 이상의 개인정보가 해킹으로 유출됐다고 합니다. 






보안 취약점은 전반적으로 감소했고 구글 크롬의 취약점이 크게 감소하면서 웹 브라우저의 취약점 수도 크게 감소했다고 합니다.


정경원 시만텍코리아 사장은 "표적공격의 대상은 이제 대기업뿐만 아니라 소기업까지 전방위로 확대되고 있으며, 소셜네트워크나 모바일 기기를 겨냥한 보안 위협도 본격화되고 있다"고 설명했습니다.

그는 이어 "개인사용자들은 최신 보안SW 사용과 함께 보안수칙을 준수하고, 기업들은 보안정책 수립 및 엔드포인트, 메일, 웹 환경에 대한 전사적 보안을 강화함으로써 사이버 보안 위협에 대비해야 한다"고 강조했습니다.                






네트워크의 기초 

네트워크와 관련된 보안을 알아보려면 먼저 네트워크를 알아야 합니다.      


응용 프로그램 계층 (Application Layer)

표현 계층 (Presentation Layer)

 세션 계층 (Session Layer)

 전송 계층 (Transport Layer)

 네트워크 계층 (Network Layer)

 데이터 링크 계층 (Data Link Layer)

 물리 계층 (Physical Layer)

OSI(open System Interconnection) 7계층



1970년대 후반부터 IBM과 DEC 같은 회사들이 네트워크 구조를 발표하였는데, 타사의 네트워크 구조를 전혀 고려하지 않은 채 개발되어 상호연동하는 데 어려움이 많았습니다.


이에 ISO(International Organization for Standardization)가 다양한 네트워크가 상호 연동을 할 수 있도록 해주는 표준 네트워크 모델이 필요하다는 인식하에 만든 것이 바로 OSI 7계층 입니다. OSI 7계층은 지금까지도 네트워크의 표준 모델로 쓰이고 있는 만큼 매우 중요합니다.




물리 계층(1계층)


1계층인 물리계층은 시스템간의 연결선입니다.


흔히들 랜(LAN)선을 말하며, 꼭 이것만 의미하지는 않고 전화선이 될 수도 있고, 동축 케이블 또는 광 케이블이 될 수도 있습니다. 또한 무선 랜처럼 물리 계층이 조금 애매할 수도 있지만, 무선 랜도 전자 파장을 전달 하는 공간 자체가 물리 계층입니다.





데이터 링크 계층(2계층)

데이터 링크 계층은 MAC을 이용하여 통신하는 네트워크 계층을 말합니다.

MAC 주소는 사람의 이름처럼 네트워크 카드마다 붙는 고유 이름입니다.


맨 위 물리적 주소 라고 나와 있는 00-05-56-C0-00-01 이 부분이 MAC주소 입니다.


컴퓨터 MAC 주소는 윈도우 명령창에서 ipconfig /all 명령을 실행해 확인 할 수 있습니다.


MAC주소는 총 12개의 16진수 숫자로 구성되고, 앞쪽 6개의 16진수는 네트워크 카드를 제조한 회사를 나타 내고 이 코드를 OUI(Organization Unuque Identifier)라고 하고 뒤쪽 6개는 Host Identifier으로 회사에서 임의로 붙이는 일종의 시리얼 넘버 입니다.


때문에 모든 컴퓨터에 같은 MAC주소를 같는 네트워크 카드는 존재 하지 않습니다.



네트워크 계층(3계층)

네트워크 계층은 IP로 대표됩니다.

이 IP는 흔히 말하는 TCP/IP에서의 IP입니다.


IP는 모두 여러 번 봤을 것이고, ipconfig /all 명령어로도 확인 할 수 있습니다.


IP 주소는 8비트의 수 4개로 구성되어 있습니다

따라서 위의 IP주소 192.168.159.1 을 2진수로 표현하면


11000000 . 10101000 . 10011111 . 00000001

                                           192            168          159           1

이런 식으로 표현 할 수 있습니다.


MAC은 2계층에서 쓰이는 주소라고 한다면

IP는 라우터를 통해 인터넷으로 나갈 때 필요한 컴퓨터의 주소라고 볼 수 있습니다.



전송 계층(4계층)

4계층의 대표적인 프로토콜은 TCP(Trans mission Control Protocol)입니다.

TCP도 주소를 가지고 있는데 이것이 바로 포트입니다.


MAC주소가 네트워크 카드의 고유 식별자이고, IP가 시스템의 주소라면 

포트는 시스템에 도착한 후 시스템에 여러가지 실행되고 있는 여러 응용프로그램들 중에서

자신이 통해야 하는 통로 번호라고 생각할 수 있습니다.


포트는 0번부터 65535번까지 존재하며, IP나 MAC 주소처럼 출발지와 목적지의 응용 프로그램별 포트번호를 가지고 통신을 합니다.


0번부터 1023번 포트까지 1024개의 포트는 Well Known 포트라고 부릅니다.

보통 0번은 쓰지 않으며 1023번까지 대부분 고유의 용도가 있습니다.


주요 포트와 서비스

 포트 번호

서비스 

 설명 

 20

 FTP

File Transfer Protocol-Datagram

FTP 연결시 실제로 데이터를 전송합니다. 

 21

FTP 

File Transfer Protocol-Control

FTP 연결시 인증과 제어를 합니다. 

 23

Telnet 

텔넷 서비스로, 원격지 서버의 실행창을 얻어냅니다. 

 25

SMTP

Simple Message Transfer Protocol

메일을 보낼 때 사용합니다. 

53 

DNS 

Domain Name Service

이름을 해석하는 데 사용합니다. 

69 

TFTP 

Trivial File Transfer Protocol

인증이 존재하지 않는 단순한 파일 전송에 사용합니다. 

 80

HTTP

Hyper Text Transfer Protocol

웹 서비스를 제공합니다.

110 

 POP3

Post Office Protocol

메일 서버로 전송된 메일을 읽을 때 사용합니다.

 111

RPC 

Sun의 Remote Procedure call

원격에서 서버의 프로세스를 실행할 수 있게 합니다. 

138 

NetBIOS 

Network Basic Input output Service

윈도우에서 파일을 공유할 수 있게 합니다. 

143

 IMAP

internet Message Access Protocol

POP3와 기본적으로 같으나, 메일을 읽은 후에도 서버에 남는다는 것이 다릅니다. 

161 

SNMP 

Simple Network Management Protocol

네트워크 관리와 모니터링을 위해 사용합니다.




TCP에서의 연결 설정 과정 (쓰리웨이 핸드 셰이킹(Three way hand shaking))

TCP는 연결 지향성 프로토콜로서 통신을 하기전 연결을 설정하는 과정으로

쓰리웨이 핸드 셰이킹을 합니다.


쓰리웨이 핸드 셰이킹 순서

1단계 : 두 시스템이 통신을 하기 전, 클라이언트는 포트가 닫혀 있고 서버는 해당 포트로 항상 서비스를 제공할 수 있도록 Listen 상태입니다.


2단계 : 클라이언트가 통신을 하고자 하면, SYN 패킷을 서버에 보내고 포트는 SYN sent 상태가 됩니다.


3단계 : 서버는 SYN Received 상태가 되고, 클라이언트에게 연결해도 좋다는 의미로 SYN+ACK 패킷을 보냅니다.


4단계 :  클라이언트는 포트가 오픈되고 서버에 ACK패킷을 보낸다.




세션 계층(5계층)


세션계층의 작동과 의미는 떄론 애매합니다. 기본적으로 두 시스템간의 통신 중 동기화를 유지하고 데이터 교환을 관리 합니다. 연결에 정보 교환을 효과적으로 할 수 있게 추가 서비스를 제공합니다.



표현 계층(6계층)


표현 계층은 데이터의 구조를 하나의 통일된 형식으로 표현합니다.

예를 들어 시스템 A에서는 ASCII 코드를 사용하고 시스템 B에서는 EBCDIC을 사용한다면, 시스템 A의 표현 계층에서는 OSI 표준 표현 방식으로 변경하여 전송하고 시스템 B에서는 이를 자신의 시스템에 맞게 재구성 합니다.


이러한 표현 방식을 ASN.1(Abstract Syntax Notation 1)이라 합니다.

또한 이것은 데이터의 압축과 암호화 기능을 수행합니다. 데이터 압축은 파일의 용량을 줄이고 암호화는 일반 평문을 의미 없는 다른 문자로 만들어 중간에 유출되더라도 원문을 이해할수 없게 합니다.




응용 프로그램 계층(7계층)

응용 프로그램 계층은 사용자나 응용 프로그램 사이에 데이터의 교환이 가능하게 하는 계층입니다.

예를 들어 HTTP, FTP, 터미널 서비스, 여러 메일 프로그램 등등 을 제공합니다.



위에 OSI 7계층을 이해했다면 네트워크와 관련해 상당 부분을 이해 했다고 봐도 됍니다 ㅎ











사이버테러대응센터(http://www.ctrc.go.kr)에서는 범죄를 사이버 테러형 범죄와 일반 사이버 범죄로 구분하고 있습니다.




  • 사이버 테러형 범죄
    정보 통신망 자체를 공격 대상으로 하는 불법 행위로서 해킹, 바이러스 유포, 메일 폭탄, 서비스 거부(DoS) 공격 등 전자기적 침해 장비를 이용해 컴퓨터 시스템과 정보 통신망을 공격하는 행위를 말합니다.


  • 일반 사이버 범죄
    사이버 공간을 이용한 일반적인 불법 행위로서 사이버 도박, 사이버 스토킹과 성폭력, 사이버 명예훼손과 협박, 전자상거래 사기, 개인정보 유출 등의 행위를 말합니다.






사이버 테러형 범죄는 해커 수준의 범죄를, 일반 사이버 범죄는 인터넷을 이용한 일반인의 범죄를 말하는 듯하지만 어느 쪽이든 이미 한 해에 몇 만 건이 넘게 발생하고 있습니다.


해킹은 분명히 해서는 안되는 것이고, 이러한 사실을 인지시키기 위해 여러가지 윤리강령이 발표되고 있는데, 정보통신부에서는 2007년 6월 25일 정보통신 윤리강령을 발표하였습니다.

이것은 1995년에 발표된 것을 12년만에 개정한 것인데, 전문의 내용은 다음과 같습니다.


정보통신 윤리강령

우리는 정보통신 기술의 발달로 시간과 공간을 넘어서 세계가 하나 된 시대에 살고 있다.

정보통신 기술은 우리의 생활을 편리하게 하고 창조적 지식정보의 창출을 도와 새로운 가능성과 밝은 미래를 열어주고 있다.


우리는 그동안 다 함께 뜻을 모으고 힘을 기울여 정보통신 강국으로 우뚝 서게 되었다. 하지만 그 위상에 걸맞지 않게 우리 사회는 불건전 정보유통, 사이버 명예훼손, 개인 정보 침해, 인터넷 중독 등 정보 역기능 현상이 일어나고 있다. 최고의 정보통신 인프라와 함께 건전한 정보이용 문화가 확립될 때에 비로소 세계를 선도하는 진정한 정보통신 강국이 될 것이다.


우리 모두는 지식정보사회의 주인으로서 인류의 행복과 높은 이상이 실현되는 사회를 만들어 나가야 할 사명이 있다.


우리는 정보를 제공하고 이용할 때에 서로의 인권을 존중하고 법과 질서를 준수함으로써 타인에 대한 배려가 넘치는 따뜻한 디지털 공동체를 만들어 나가야 한다. 또한 개인의 사생활과 지적 재산권은 보호하고 유용한 정보는 함께 가꾸고 나누는 건전한 정보이용 문화를 확산해 나가야 한다.


우리는 궁긍적으로 모두의 행복과 자유, 평등을 추구하며 인류가 정보통신 기술의 혜택을 고루 누릴 수 있도록 정보통신윤리를 지켜 나가야 한다는 데 뜻을 모으고 이 뜻이 실현되도록 성실하게 노력할 것을 다짐한다.

      • 우리는 타인의 자유와 권리를 존중한다.
      • 우리는 바른언어를 사용하고 예절을 지킨다.
      • 우리는 건전하고 유익한 정보를 제공하고 올바르게 이용한다.
      • 우리는 청소년 성장과 발전에 도움이 되도록 노력한다.
      • 우리 모두는 따뜻한 디지털 세상을 만들기 위하여 서로 협력한다.







그리고 컴퓨터윤리기관(Computer Ethics Institute)에서 발표한 윤리강령 10계명도 있습니다.


    1. 컴퓨터를 타인을 해치는 데 사용하지 않는다.
    2. 타인의 컴퓨터 작업을 방해하지 않는다.
    3. 타인의 컴퓨터 파일을 염탐하지 않는다.
    4. 컴퓨터를 절도해서 사용하지 않는다.
    5. 거짓 증거로 컴퓨터를 사용하지 않는다.
    6. 소유권 없는 소프트웨어를 사용하거나 불법 복제하지 않는다.
    7. 승인이나 적절한 보상 없이 타인의 컴퓨터를 사용하지 않는다.
    8. 타인의 지적 재산권을 침해하지 않는다.
    9. 자신이 만든 프로그램이나 시스템으로 인한 사회적 결과에 책임을 진다.
    10. 동료를 고려하고 존중하는 방식으로 컴퓨터를 사용한다.


그 외에 인터넷활동협회(IAB, Internet Activities Board)에서 비윤리적 행동을 정의하고 있습니다.


    1. 고의적으로 허가받지 않고 인터넷 자원에 접근하려는 행위
    2. 인터넷의 이용을 막는 행위
    3. 의도적으로 시스템과 네트워크의 자원을 낭비하는 행위
    4. 컴퓨터 기반 정보의 무결성을 파괴하는 행위
    5. 타인의 사생활을 침해하는 행위
    6. 인터넷 전반의 실험에 있어서의 과실








보안 관련


정보통신기반 보호법


연번적용법조범죄사실
1제28조주요정보통신기반시설 교란ㆍ마비ㆍ파괴
2제29조취약점 분석ㆍ평가업무 등의 종사자 비밀누설



전자서명법

연번적용법조범죄사실
1제31조 제1호가입자 동의없이 전자서명생성정보 보관ㆍ이용ㆍ유출
2제31조 제2호타인 전자서명생성정보 도용ㆍ누설
3제31조 제3호타인명의 공인인증서 발급 또는 발급에 협조한 자
4제32조 제1호가입자 인증서 등의 미보관



정보통신망 이용촉진 및 정보보호등에 관한 법률

연번적용법조범죄사실
1제70조 제1항사이버 명예훼손 ( 사실 유포 )
2제70조 제2항사이버 명예훼손 ( 허위사실 유포 )
3제71조 제1호이용자 개인정보 수집
4제71조 제3호개인정보 목적외 이용 및 제 3 자 제공
5제71조 제5호이용자 개인정보 훼손ㆍ침해ㆍ누설
6제71조 제9호악성프로그램 ( 바이러스 ) 유포
7제71조 제10호정보통신망 장애발생
8제71조 제11호타인정보 훼손 및 타인비밀 침해ㆍ도용ㆍ누설
9제72조 제1항 제1호정보통신망 침입
10제72조 제1항 제5호직무상 비밀 누설 및 목적외 사용
11제72조 제1항 제2호속이는 행위에 의한 개인정보수집
12제73조 제1호정보통신 서비스 제공자등의 기술적ㆍ관리적 조치 미이행
13제73조 제2호영리목적 청소년유해매체물 미표시
14제73조 제3호청소년유해매체물 광고 청소년에게 전송
15제74조 제1항 제1호인증기관 인증표시 무단 표시ㆍ 판매ㆍ진열
16제74조 제1항 제2호음란문언ㆍ음향ㆍ영상 등 배포ㆍ판매ㆍ전시
17제74조 제1항 제3호사이버 스토킹 ( 공포불안 말ㆍ음향 등 반복 행위 )
18제74조 제1항 제4호스펨메일 수신거부 회피 관련 기술조치 행위
19제74조 제1항 제5호전자우편주소 무단 수집ㆍ판매ㆍ유통ㆍ정보전송에 이용
20제74조 제1항 제6호불법행위를 위한 광고성 정보 전송



통신비밀보호법

연번적용법조범죄사실
1제16조 제1항 제1호전기통신 감청 및 비공개 타인간 대화 녹음ㆍ청취
2제16조 제1항 제2호지득한 통신 및 대화내용 공개ㆍ누설
3제16조 제2항 제2호통신제한조치집행등 관여 공무원의 비밀 공개누설
4제16조 제3항통신제한조치집행등 관여 통신기관 직원 비밀공개누설
5제16조 제4항사인의 통신제한조치 취득내용의 외부 공개ㆍ누설




형법

연번적용법조범죄사실
1제140조 제3항공무상 비밀장치된 전자기록 등 탐지
2제141조 제1항공용 전자기록 등 손상ㆍ은닉 등
3제227조의 2공무소ㆍ공무원의 전자기록 등 위변작
4제228조공전자기록 등 불실 기재ㆍ기록
5제229조위변작 등 공전자기록 행사
6제232조의 2타인 전자기록 등 위변작
7제234조위변작 타인 전자기록 등 행사
8제246조( 상습 ) 도박
9제247조영리목적 도박개장
10제248조무허가 복표 발매ㆍ중개ㆍ취득
11제309조출판물에 의한 명예훼손
12제314조 제2항컴퓨터 등 장애 ( 손괴 ) 업무방해
13제316조 제2항비밀 장치한 전자기록 등을 기술이용 탐지
14제323조권리행사방해 ( 전자기록 취거ㆍ은닉ㆍ손괴 )
15제347조사 기
16제347조의 2컴퓨터 등 사용사기
17제366조재물손괴 ( 타인 전자기록 손괴 )

[출처 사이버테러대응센터]




홈페이지 제작 관련 기술은 크게 웹 프로그래밍 분야와 웹 디자인 분야로 나눌 수 있습니다.



웹 프로그래밍 분야


웹 문서 제작언어

  • HTML
    HTML은 홈페이지 문서를 만드는 가장 기본적인 언어입니다. 문서의 내용을 꾸미거나 그림, 표, 프레임을 삽입할 수 있고 배경 음악이나 동영상을 삽입할 수도 있습니다.

    이러한 작업은 태그 명령어로 지정하고 태그는 <태그명> ... </태그명> 으로 표기합니다.

    단 HTML은 문서를 보여줄 뿐 프로그래밍은 불가능합니다.

  • CSS
    CSS(Cascading Style Sheets)는 문서의 서식을 지정할 때 사용합니다.

    행간, 배경, 그림 고정 등 HTML로는 불가능한 일을 하고, 홈페이지 전체의 서식을 일관성 있게 지정할 수있습니다.






웹 디자인 분야


  • 일러스트레이터(Illustrator)
    어도비(Adobe) 제품으로 벡터 이미지 제작 도구입니다. 주로 로고 및 캐릭터를 제작할 때 사용합니다.

  • 포토샵(Photoshop)
    2차원 컴퓨터그래픽 프로그램으로 어도비 제품입니다. 홈페이지에 들어갈 메뉴,  버튼, 문자, 그림을 제작할 때 사용하고 사진을 보정하거나 표지 디자인 등에도 활용합니다.

  • 플래시(Flash)
    매크로미디어(Macromedia) 제품이며, 웹 애니메이션 제작용 프로그램으로 동적이고 화려한 홈페이지를 제작할 수 있습니다. 인기 있는 플래시 애니메이션으로는 엽기토끼, 졸라맨 등이 있고 애니메이션 카드, 인트로 제작 시에 많이 사용합니다.







'' 카테고리의 다른 글

목록 관련 태그  (0) 2012.05.05
HTML 기본구조와 태그  (0) 2012.05.05
홈페이지 만들기 기초 - 1  (1) 2012.05.01
웹페이지 동작 원리  (0) 2012.04.30
인터넷개요  (0) 2012.04.30






정보화 사회에서 보안의 의미


유비쿼터스가 어떤 사회인지 대략 알고 있을 것입니다. 바로 모든 것들이 네트워크화되고, 컴퓨터를 통해 통제가 가능해지는 세상이죠. 이러한 세상에서는 미래의 유비쿼터스 컴퓨터에 의한 통제가 올바를 때만이 행복할 수 있을 것입니다.


올바른 통제가 이루어지지 않는 다면 미래 사회에서 행복은 머나먼 일이 되어비릴지도 모르죠.


첨단 시설과 인공지능의 슈퍼 컴퓨터가 갖춰진 건물 속에서 인간이 싸워나가는 내용의 영화를 본 적이 있을 것입니다. 이 싸움의 대상은 인공지능을 가진 슈퍼 컴퓨터일까요?? 아마 꼭 그렇지는 않을 것 같습니다.


첨단 시설을 갖춘 건물에서 인간을 괴롭히는 이는 아마도 또 다른 인간일 가능성이 높죠.

누군가를 방에 가두기 위해 출입통제 시스템을 해킹하고, 살인을 위해 자동운전 시스템이나 의료 시스템을 해킹하고, 경쟁사를 망하게 하기 위해 전기 공급을 끊을 수도 있습니다. 이렇게 악의를 품은 해커가 할 수 있는 나쁜 짓은 수도 없이 많아, 이것이 현실화된다면 미래 사회는 정말 끔직한 사회가 되어버릴 것입니다.



해킹과 보안의 역사


해킹 (국어사전)

【명사】

[전산컴퓨터 통신망 통해 남의 컴퓨터 무단 침입하여 저장된 정보 프로그램 불법으로 이용하거나 바꾸고 없앰.


hacking  (영어사전)

검색결과

【명사】

 (속어) 컴퓨터 조작 즐기, 해킹; 무엇이나숙고하지 않고 실행하기.


해킹에 대한 사전적 의미는 국어사전과 영영사전의 정의가 조금 다릅니다.

해커가 되려면 국어사전보다 영어사전의 의미를 조금 더 중요하게 생각할 필요가 있습니다.




해킹의 역사


해킹이라는 말은 1960년대 메사추세츠 공과대학(MIT)에서 처음 사용 되었습니다.

MIT대학의 모형 기차 제작 동아리에서 사용한 '전기 기차, 트랙, 스위치들을 보다 빠르게 조작하다.' 라는 말에서 유래했다고 합니다.


1967년에는 미 국방부에서 연구기관과 국방 관련 사업체 등 관련 기관간의 정보 공유를 지원하기 위해 추진한 ARPA(The Advenced Research Project Agency) 프로젝트를 통해 컴퓨터 연동망을 개발 하였습니다. 연동망을 IMPS(Interface Message Processors) 네트워크라 부른 이 개발은 인터넷의 근간망을 이루며 오늘날 인터넷의 중요한 부분이 되었습니다.


1969년에는 프리킹의 아버지로 불리는 조 인그레시아가 2,600Hz의 휘파람을 불면 장거리 전화를 무료로 쓸 수 있다는 사실을 알아 냈습니다.


8살 때 전화를 걸다가 자동응답장치의 목소리를 듣게 되고, 이 때 우연히 휘파람을 불었는데, 이 휘파람 소리에 자동응답장치가 작동을 멈췄습니다. 소년은 다시 전화를 걸어 똑같은 실험을 반복하고, 결국 특정 높이의 휘파람 소리로 자동응답장치의 작동을 멈추게 할 수 있다는 결론을 얻게 됩니다. 


즉시 AT&T에 전화를 걸어 그 이유를 물으니, 다중 주파수 시스템이라 불리는 일련의 소리로 전화 교환기망을 조작할 수 있다는 답변이 돌아왔습니다.


이러한 행위를 프리킹이라고 하고 70년대에 유행하게 되면서 낭만해킹 이라고 불리우죠.



1980년대는 해킹이 컴퓨터와 직접적인 연관을 가지고 발전하는 시기입니다.


1980년에 초는 네트워크 해커라는 개념이 처음 생겨났습니다.

원격의 컴퓨터를 해킹하여 침투하기 시작한 것이죠.


그 대표적인 사건으로는 '414Gang'을 들 수 있는데, 414Gang은 미국 밀워키의 로날드 마크 오스틴(Ronald Mark Austin)을 포함해 6명이 운영했던 '414 Private'라는 BBS의 일원이 만든 해커 그룹입니다.


이들은 암센터와 로스 알라모스 국립 연구소를 포함해 60개의 컴퓨터 시스템에 친입하였고, 우연히 중요 파일을 지우게되고 이러한 임의 삭제는 몇 년간의 연구 결과를 날려버리는 결과를 초래하게 되죠.

1983년에 FBI에 체포될 당시 414Gang 일원들은 10대에 불과 했습니다.


1981년에는 누군가 AT&T의 컴퓨터 시스템에 침입해 전화요금과 관련된 시계를 바꾸어 심야 요금이 대낮에 적용되도록 조치했습니다. 낮에 전화를 건 사람이 낮은 전화요금을, 전화요금 때문에 밤늦게까지 기다렸다가 전화를 사용한 사람들이 높은 전화요금을 부과받게 만든 것입니다.


이 사건의 용의자는 이안 머피(Ian Arthur Murph)라는 인물로, 친구들로부터 Captain Zap이라고 불리었다고 합니다.


이안 머피는 재판을 받고 실형을 산 최초의 크래커로 알려져있습니다.


그는 현재 IAM/Secure Data Systems라는 회사의 사장이며, 스니커즈라는 영화가 이 사건을 바탕으로 만들어 졌다고 합니다.


1981년에는 또한 독일의 전설적인 해커 그룹인 카오스 컴퓨터 클럽(Chaos Computer Club, CCC)이 결성되었습니다. 

소식지 창간호를 통해

 '정보 사회로 발전하기 위해서는 전 세계와 자유로운 커뮤니케이션을 가능케 하는 새로운 인권이 필요하다. 인간 사회 및 개인에게 기술적 영향을 미치는 정보 교류에서 국경은 사라져야 한다. 우리들은 지식과 정보의 창조에 기여할 것이다.'

라고 설립 목표를 규정했다.





영화 워게임즈 포스터


1983년에는 워게임즈(WarGames)라는 영화가 상영됩니다.

해커를 소재로한 최초의 영화가 아닐까 싶습니다.

이 영화에서는 고등학생 매튜 브로데릭은 모뎀에 연결된 컴퓨터를 이용해 비디오 게임 프로그램을 훔치려다 잘못해 미 방공 사령부 컴퓨터에 침입하고, 핵 미사일을 제어하는 프로그램을 게임이라고 생각해 이를 동작시켜, 미국과 러시아간에 핵전쟁이 일어날 뻔한 위기 상황이 발생합니다.


2000년대는 야후, CNN, 아마존(Amazon) 등의 사이트 마비, 2003년 슬래머 웜으로 인한 인터넷 대란, 베이글 웜, 마이둠 웜, 넷스카이 웜, 피싱, 금융 해킹 등의 여러가지 보안사고가 있었습니다.


지금까지 컴퓨터의 발전과 해킹과 보안의 흐름을 살펴 보았습니다.

발전의 과정을 보면, 100년이 안되는 기간 동안 수많은 사람들이 연관되어 수많은 사건들이 일어 났음을 알 수 있습니다. 미래의 세계에 다가갈수록 컴퓨터가 인간의 역사에서 차지하는 비중이 점점 커져 컴퓨터의 역사가 바로 인간의 역사가 되고 있습니다.






홈페이지 만들기


홈페이지를 제작하는 데 가장 중요한 것은 어떤 목적으로 홈페이지를 제작하는 것이다.

개인 홍보인지, 혹은 물건 판매가 목적인지에 따라 홈페이지를 제작할 때 중요하게 다룰 부분이 조금씩 달라진다. 




1. 홈페이지 제작 목적


자기 만족과 개인 홍보

개인적으로 관심 있는 분야나 이력서, 사진, 프로젝트 결과 등 개인 상품 정보를 다른 사람에게 제공해 자신을 마케팅한다.


기업 홍보와 물건 판매

기업 측면에서 보면 인터넷 사용자가 언제 어디서든 기업의 광고를 24시간 볼 수 있으므로 효과적으로 광고할 수 있다. 또한 기업정보, 물품 정보 및 고장, 수리 등과 같은 고객의 요구 사항을 고객이 언제든지 요청, 요구할 수 있어 고객 서비스를 극대화 할 수 있다.

그 외에도 전자 상거래를 통해 좀더 편리하게 물품을 거래할 수 있는 장점이 있다.


정보 공유

자신만의 정보를 다른 사람과 공유할 수 있다.


인터넷 프로그래밍의 이해

ASP, JSP, PHP 등의 웹 프로그래밍으로 넘어가기 전, HTML 등 기반 지식을 확실히 익히고자 할 때 학습한 HTML, CSS, 자바스크립트 등을 이용해 홈페이지를 만든다.




2. 홈페이지 제작 과정


홈페이지의 제작 과정은 기획 단계부터 제작 단계, 배포와 관리, 평가 단계 까지 정해진 순서와 원칙을 따라야한다.



기획단계

홈페이지를 제작하기 전에 제작 목적, 주제 대상층 등을 명확히 정해야 한다.

  • 어떤 목적에서 홈페이지를 제작할 것인가

  • 목적을 정했으면, 다룰 주제를 정한다.

  • 주제에 어울리는 도메인명을 정한다.

  • 해당 주제를 다루는 경쟁 사이트를 분석하고 시장 조사를 한다.

  • 분석과 시장조사를 통해 도출된 주제에 맞는 내용과 자료, 대상층 등을 정한다

  • 홈페이지 제작에 소요될 개발 일정과 팀 단위일 경우 업무분담을 어떻게 할 것인가를 정한다.

  • 홈페이지 제작에 필요한 개발 비용과 향후에 소요되는 서비스 비용을 산정해본다.
  • 홈페이지를 어떻게 홍보할 것인지 생각한다.

  • 홈페이지에 접속할 사용자, 트래픽 등을 예상해본다.

  • 향후 홈페이지를 어떻게 관리할 것인지 생각한다.




제작단계


홈페이지 기획이 끝나면 실제로 제작을 시작한다.

기획 단계처럼 제작 단계도 밑의 순서를 지켜야 효과적으로 제작할 수 있다.


  • 주제에 맞게 스토리보드를 작성한다. 소설을 쓰듯이 주내용과 부내용으로 구분하여 전체 스토리를 형성한다

  • 홈페이지 전체의 구조와 페이지 수, 페이지마다 들어갈 메뉴 등을 결정한다.

  • 전체적인 홈페이지 그림을 스케치,디자인해 본다.

  • 메인 그림을 제작하고 홈페이지 문서를 만든다.

  • 홈페이지 소스를 웹에서 테스트해보고 원하는 대로 제작 되었는지 샐행되지 않는 부분은 없는지 확인해본다.


배포와 관리, 평가 단계


홈페이지 제작이 완료되면 이제 자신의 홈페이지를 홍보할 차례다.

또한 홈페이지를 올린 후 원하는 대로 제작되었는지, 효용성 등을 체크해본다.


  • 처음 기획한 목적과 주제에 부합하는가
  • 홈페이지에 접속할 때 소용 시간이 짧은가
  • 사용자 중심의 인터페이스가 올바로 구축되어 있는가
  • 디자인과 그림, 색상등이 주제와 어울리는가
  • 향후 업데이트를 고려해서 제작되었는가
  • 보안, 백업 등을 위한 위기 관리 대책은 있는가



'' 카테고리의 다른 글

목록 관련 태그  (0) 2012.05.05
HTML 기본구조와 태그  (0) 2012.05.05
홈페이지 만들기 기초 - 2  (0) 2012.05.01
웹페이지 동작 원리  (0) 2012.04.30
인터넷개요  (0) 2012.04.30

아이폰 어플 추천 컴활 1급

안녕하세요 아이폰 어플 추천으로 컴활 1급 어플을 추천해볼까 합니다.

물론 공부는 책으로 하는 것이지만..

이 어플만 있다면 아이폰으로도 충분히 컴퓨터 활용능력 공부를 할 수 있습니다



맨 처음 어플을 실행한 화면입니다.

기본 5가지 매뉴와 다른 시험어플을 소개하는 매뉴가 있습니다.

기출문제를 볼 수도 있고, 모의 시험을 볼수도 있구요, 범위별로 문제를 풀어 볼수도 있고 내가 틀렸던 문제만 모아서 다시 풀어볼수도 있습니다.




기출문제 탭으로 들어간 화면입니다.

년도와 회별로 기출문제들이 다 정리 되어 있구요. 

2012년 최근 기출문제까지 있네요 ㅎㅎㅎ



기출문제를 풀고 있는 모습입니다 ㅎㅎ

예전에 기출문제를 PDF형식으로 아이폰으로 본 적이 있는데

화면 사이즈도 안맞고 글자 사이즈도 안맞아서 손가락으로 이리저리 확대, 이동해 가면서 봤었는데

컴활 1급 어플 에서는 기출문제가 화면에 맞게 글자 사이즈등이 조정되서 보기도 편하고 쉽게 답을 클릭하면 다음 문제로 넘어갑니다 ㅎㅎ



모의 시험화면입니다 

기출문제와 별개로 문제들이 나와 새로운 문제들로 모의시험을 볼 수 있습니다.



문제 풀기 화면입니다. 

과목 별로 정리가 되어 있구요. 자신이 부족하다고 생각하는 부분을 클릭하면 그 과목에 대한 문제만 풀어 볼 수 있습니다.




이 사진은 성적을 확인하는 화면입니다 ㅎㅎ

저는 아직 문제를 많이 풀어보진 않아서 다른분의 사진을 가져 왔습니다 ㅋㅋ

합격이 많다면 실제 시험에서도 합격할 확률이 올라가겠죠??



오답 문제를 푸는 화면입니다.

날짜별로 풀었던 문제들 중 오답이었던 문제를 모아서 풀어 볼수 있습니다.

저는 개인적으로 공부할 때 오답노트라던지 오답을 다시 풀어보는 과정을 굉장히 중요하다고 생각하는데요.

이런 기능까지 지원되다니 ㅎㅎ 



이상 컴활1급 어플에 대해서 소개해 드렸습니다

다운로드 받으시려면 이곳을 누르세요!


*본 포스팅은 리뷰가 아닌 소개 포스팅입니다.


웹페이지는 크게 HTML을 이용한 정적인 문서와 ASP, PHP, JSP 같은 웹프로그래밍을 이용한 동적인 문서 두 가지로 나뉩니다.


HTML 문서는 사용자 컴퓨터에서 해석되고 실행되는 클라이언트측 페이지이고, ASP, JSP, PHP 등을 이용한 동적인 문서는 웹페이지에서 해석되어 HTML문서로 변환되어 사용자 컴퓨터를 전달하는 서버측 페이지입니다.


1.클라이언트측 페이지

클라이언트측 페이지는 보통 HTML, CSS, 자바스크립트를 사용해서 제작하며 확장자가 보통 HTM, HTML입니다.


2. 서버측 페이지

PHP, ASP, JSP 등과 같은 웹 프로그래밍 언어로 제작되는 웹 페이지는 웹서버에서 해석하며, 게시판에 글쓰기, 회원가입, 설문조사 등과 같이 실시간으로 데이터를 입력, 편집하는 일이 가능합니다.

서버측 페이지의 경우 사용자가 문서를 요청하면, 웹 서버에서 해석하고 변환한 후 사용자에게 HTML 문서로 변환하여 보여줍니다.


'' 카테고리의 다른 글

목록 관련 태그  (0) 2012.05.05
HTML 기본구조와 태그  (0) 2012.05.05
홈페이지 만들기 기초 - 2  (0) 2012.05.01
홈페이지 만들기 기초 - 1  (1) 2012.05.01
인터넷개요  (0) 2012.04.30



인터넷이란 




인터넷은 전세계적인 네트워크를 하나로 연결하는 망들의 망, 즉 네트워크의 결합체를 뜻합니다.


사용자가 어떤 컴퓨터에 있든지 수많은 네트워크에 있는 다른 컴퓨터에 접속해 정보를 얻을 수 있고 통신을 할수있습니다.


인터넷은 1969년 미국방성의 지원으로 미국 내 3개의 대학 UCLA , UCSB , 유타대학과 연구기관 SRI의 


컴퓨터를 연결하기 위해 구축한 알파넷에서 시작하였습니다.


90년대 초까지는 주로 컴퓨터 과학자와 학자 사이에서 학술적인 의견이나 문서를 전송하는 등의 목적으로 사용했지만 1993년 웹 브라우저가 개발되면서 좀더 다양한 분야에서 활용 되기 시작했습니다.


특히 데이터 , 텍스트 ,  문서 , 이미지, 사운드, 애니메이션, 동영상 등 다양한 정보를 원하는 즉시 액세스할 수 있게 되면서 인터넷 이용률이 폭발적으로 증가하여 현재의 인터넷이 완성되었습니다.

'' 카테고리의 다른 글

목록 관련 태그  (0) 2012.05.05
HTML 기본구조와 태그  (0) 2012.05.05
홈페이지 만들기 기초 - 2  (0) 2012.05.01
홈페이지 만들기 기초 - 1  (1) 2012.05.01
웹페이지 동작 원리  (0) 2012.04.30

+ Recent posts