화면구현 - 용어 및 개발환경구축

한장민·2022년 5월 1일
0

FE

목록 보기
2/4
post-thumbnail

웹 처리 과정

네트워크를 통해 서로 연결된 컴퓨터들 간에 서버와 클라이언트의 역할을 나누고, HTML이라는 마크업 언어를 통해 정보와 자료를 주고받는 시스템

유저가 웹 주소를 입력하면 DNS를 통해 해당 웹의 IP 주소를 응답받고, 그 IP 주소를 통해 페이지(HTML)을 요청하여 응답받는다.

웹의 특징

HTTP(Hyper Text Transfer Protocol) 사용
HTML(Hyper Text Markup Language) 로 작성된 문서 연결
텍스트, 그래픽, 오디오, 비디오, 프로그램 파일 등 멀티미디어 서비스 제공

반응형 웹

웹 서버에서 제공되는 정보가 다양한 기기에 맞춰 제공되는 환경

HTML이란?

웹에서 정보를 표현할 목적으로 만든 마크 업 언어(Hyper Text Markup Language) , 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석기호인 태그들로 이루어진다.

  • 마크 업(태그) : 문서의 논리적인 구조를 정의하고, 출력장치에 어떠한 형태로 보여질 것인지를 지시하는 역할
  • 마크 업 언어 : 마크업(태그) 의 형식과 규칙을 정의한 언어

HTML5의 특징

  • 구조적 설계 지원(시멘틱)
  • 그래픽 및 멀티미디어 기능 강화
  • CSS3 / Javascript 지원
  • 다양한 API제공
  • 모바일 웹 지원 / 장치접근가능(배터리 정보, 카레마, GPS 등)
  • 웹 브라우저가 서버와 양방향 통신 가능
  • 인터넷이 연결되지 않은 상태에서도 애플리케이션 동작

HTML5 구성요소

  • 태그(Tag) : '<' 와 '>' 로 묶인 명령어, 시작태그(<태그>) 와 종료태그(</태그>)를 한쌍으로 이용한다.
  • 요소(Element) : 시작태그와 종료태그로 이루어진 모든 명령어, 하나의 HTML문서는 요소들의 집합이다.
  • 속성(Attribute) : 요소의 시작태그에만 사용 / 명령어 구체화 역할, 여러개의 속성을 사용할 수 있으며 속성의 구분은 공백으로 나타낸다.
  • 변수 / 속성값(Argument) : 속성이 가지는 값, 값 입력 시 "" 혹은 '' 를 이용한다.
profile
HAAN YJGB

0개의 댓글