웹표준의 이론정의

sisun·2023년 3월 28일
0

HTML

목록 보기
1/16
post-thumbnail

인터넷은 1960년도에 나왔으며 1990년에 wed이 스위스에서 태어났다.
스위스 제베나에 유럽입자물리학자가 있어서 태어날 수 있었고
"팀 버너스리"가 wed를 발명했다.

W3C: World consortium

웹을 위한 표준을 개발하고 장려하는 조직

웹 (=www, world wide wed)

인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전세계적인 정보 공간
인터넷에서 HTTP프로토콜, 하이퍼텍스트, HTML형식 등을 사용하여 그림과 문자를 교환하는 전송방식을 말 하기도 한다

거미줄, 망이란 의미를 갖고 있는 단어
웹 서버로 원하는 내용을 (요청)하면 웹 서버에서 html로 해당 내용을 (응답)해준다
링크 = html의 본질 = 웹의 본질
http:// www.sba.seoul.kr :80 kr/index
프로토콜 pc주소(dns를 통해 ip로 변경) 포트 infomation path

반응형 웹
디바이스 종류, 창 크기에 맞게 ui가 유기적으로 배치되도록 설계된 웹

웹 접근성
(Wed Accessibility: 웹 엑세서빌리티)
노인, 장애인 등을 소외계층, 시끄러운곳이나 좁은 곳 다양한 환경 등 모든 사용자가 웹을 사용하는데에 제한이나 차별없이 동등하게 이용할 수 있도록 보장하는 것

웹표준
어떤 운영체제나 브라우저를 쓰더라도 같은 기능을 쓸 수 있게 만드는 기술의 규격
W3C에서 HTML5,CSS, 자바스크립트 등의 기준을 정한다.
예전에는 국내 웹이 비표준 페이지와 과도한 플러그인 사용 떄문에, 플러그인 설치 여부에 따라 페이지가 다르게 보여지고, 노약자나 장애인은 사용하기 어려웠다.(웹 접근성이 떨어졌다.)
모든 사람이 차별없이 같은 화면을 보고 같은 기능을 사용할 수 있도록 웹표준을 준수하여야 한다.


하이퍼링크 (참조,초연결)
웹사이트나 프로그램으로 이동하는 것
하이퍼텍스트 문서 안에서 직접 자료를 연결하고 가리킬 수 있는 고리

하이퍼텍스트
하이퍼링크를 통해 다른 문서로 즉시 접근 할 수 있는 텍스트


통신 프로토콜(통신규약)
컴퓨터나 원거리 통신장비끼리 통신을 원활하게 하기 위한 통신 규칙과 방법을 약속한 것
신호송신 순서,데이터 표현법, 오류검출법 등을 정함. 여러가지가 있음

파쇄적인 프로토콜
자사장치들끼리 통신하기 위한 독자적인 규약, 자세한 규격이 공개 되어 있지 않아 크래킹 위협에 상대적으로 안전, 공개된 범용 프로토콜

공개된 범용 프로토콜
ex) 인터넷의 TCP/IP , 여러장치들이 쓰이는 널리 알려진 규격, 컴퓨터와 네트워크 크래킹에 취약


크래킹
1. 허가 받지 않은 시스템에 대하여 정신적이나 물리적인 피해를 입힘
2. 특정 개인이나 특정 단체의 정신적, 물리적 이익을 위해 허가 받지 않은 시스템에 강제로 침입
한국사람들이 보통 사용하는 해킹이 크래킹을 뜻함 ex) 계정해킹, 개인정보탈취, 트로이의 목마

해킹
프로그램 자체를 제작자의 의도와 다르게 바꾸는 것
피해를 주기만 하는 크래킹 행위 뿐만 아니라 프로그램에 접속하여 간섭하는 것 자체를 말함

HTTP

HTTP(hyper text trafer protocol
인터넷에서 웹(w3)서버와 인터넷 브라우저 사이에 문서를 전송 하는데 사용함.
HTTPS(hyper text trafer protocol)secusre
http의 보안이 강화된 버전
FTP(file teansfer protocol,파일 전송 프로토콜)
서버와 클라이언트 사이에 파일전송을 하기 위한 프로토콜

물리적측면: 자료전송에 쓰이는 전송매체, 접속용 단자 및 전송신호, 회선규격 등
논리적측면: 프레임구성, 프레임안의 각 항목의 뜻과 기능, 자료전송의 절차

통합개발환경

IDE(intergrated development environment) 개발을 하면서 사용하는 도구들의 집합.
주요기능

  1. 개발편집기
  2. syntax highlighting
  3. 기타 플러그인
  4. Git 연동
    자바기반의 통합개발환경으로 이클립스가 있다.

개발도구의 종류

  1. JDK (자바컴파일러, 표준 라이브러리, JRE등을 포함하는 software development kit)
  2. Eclipse
  3. web서버
  4. was
  5. DBMS

HTML (Hyper Text Markup Language)

Hypertext : 링크가 걸려있는 텍스트
Markup : 표시한다는 의미

웹문서를 기술하는 언어.
웹문서를 표현하기 위한 태그로 구성되어있음

HTML5: 웹의 구조를 짜면서 정보를 가지고 있는 언어의 가장 최신 규격 - 구조언어(뼈대) CSS: Cascading style sheets/스타일을 만드는 언어로 가장 최신 규격- 표현언어(페인트,형태)
스크립트
<!DOCTYPE html>
HTML5를 사용함을 선언 (단일태그)

HTML버전마다 입력 해야 하는 내용이 다르다
HTML5가 가장 간단함
HTML의 본질: 정보를 구조화한 언어

CSS

CSS는 Cascading Style Sheets의 약자, 디자인을 만드는 언어
대칭적으로 접근해서 언어의 스타일을 바꾼다.

운영체제

운영체제의 주요 기능
1. 처리능력 향상
2. 응답시간 단축
3. 신뢰도향상
4. 인터페이스 제공
5. 출력역할 지원
6. 프로그램과 사용자 간 보호
7. CPU를 통한 프로그램 관리
8. 컴퓨터 시스템 내 파일 관리
9. 시스템 명령어 해석/수행


종류
1. 윈도우즈 OS
2. UNIX
3. Linux
4. IOS
5. Android

윈도우의 개발환경

  • 윈도우 : 윈도7,10
  • 프로그래밍 언어 : ASP, ASPX, PHP, JSP
  • 웹서버 : appche
  • 데이터베이스 : oracle, MySQL

윈도우 운영체제 특징
1.다중작업 기능 제공
2.CPU에 작업을 적절히 배분
3.CPU의 멀티코어에 최적화되어있어 사용자가 관여할필요 없음


우선순위
운영체제의 작업 우선순위 설정하기
윈도운영체제에서 제공하는 작업 우선순위 설정방법을 이용하여 우선순위 변경
기본 명령어

  • CLI (command line interface)
    사용자가 직접 명령어 입력
  • GUI (graphic user interface
    마우스 등을 이용하여 프로그램을 실행하거나 이동
profile
풀스택 국비수강중

0개의 댓글