-
인터넷 : 전 세계에 연결된 컴퓨터 네트워크 시스템으로 파일전송, 데이터 통신 서비스를 제공
각 컴퓨터는 고유한 ip 주소로 통신 할 수 있음
ip주소는 인터넷에서 주소의 역할을 하고 이를 통해서 컴퓨터간 통신이 가능한 것 -
www는 월드 와이드 웹
하이퍼텍스트와 멀티미디어를 통해서 서비스를 제공하는 공간
이 공간은 사용자들 간의 정보 공유를 가능하게 하여 다양한 정보를 효과적으로 검색할 수 있는 시스템을 제공 -
HTTP와 웹통신구조
HTTP는 요청과 응답의 형태로 이루어지 웹의 통신 규약이며,이는 프로토콜 규약으로 정의 된다
웹 통신구조는 웹서버와 클라이언트로 나뉘며, 웹 서버는 요청을 받아 처리한 후 응답을 한다
클라이언트는 웹서버에 원하는 정보를 요청하는 역할을 하며 이 요청은 웹브라우저를 통해 이루어진다
요청된 웹 페이지에 대해 웹 서버는 해당 페이지를 클라이언트로 응답하며 이과정은 순차적으로 진행된다
HTTP요청에서 클라이언트는 특정 URL주소를 통해 데이터를 요청하는 과정을 거침 -
웹브라우저와 W3C의 역할
웹 브라우저는 HTML파일을 해석하여 클라이언트에 웹 페이지 형태로 보여주는 역할을 함
사용자가 요청한 정보를 담고 있는 웹 페이지는 서버에서 제공하는 HTML5로 작성이 되어 있음
W3C(월드와이드웹 컨소시엄)는 웹의 표준을 개발하는 국제적인 기관으로 HTML, CSS 와 같은 웹의 프로토콜과 가이드라인을 담당함
W3C는 참여기관들이 협력하여 웹의 발전을 도모하는 모임임 -
웹 프로그래밍의 개념
웹프로그래밍이란 FE와 BE를 포함하는 기술이며, 프론트엔드는 사용자와 상호작용하는 웹 페이지를 개발하는 역할임 -
웹과 인터넷의 핵심 언어들
HTML 은 웹 페이지를 작성하는 하이퍼텍스트 마크업 언어 로, 컨텐츠를 담아 뼈대를 구성하며 하이퍼텍스트 개념의 핵심은 링크다.
CSS 는 케스케이딩 스타일 시트 로, 웹 페이지의 디자인을 담당하며, 문서와 디자인을 분리해 효율적인 개발을 가능하게 한다.
자바스크립트 는 사용자의 상호작용을 통해 동적 웹페이지를 구성하는 프로그래밍 언어 로, 별도의 컴파일 과정 없이 스크립트 형태로 실행된다.
HTML5 는 멀티미디어 요소를 플러그인 없이 지원하고, 실시간 쌍방향 통신 과 장치 연동 기능 등을 포함해 발전된 웹 기술 기반이다.
세맨틱 기능 은 웹 페이지의 태그 요소를 통해 정보를 분석하고 해석할 수 있게 해주며, 지능형 웹을 구현하는 데 중요한 역할을 한다.
6-1. HTML, CSS, 자바스크립트의 역할과 HTML5의 발전
HTML 은 하이퍼텍스트 마크업 언어로, 웹 페이지의 구조를 만드는 역할을 하며, 하이퍼텍스트 는 링크가 포함된 텍스트를 의미한다.
CSS 는 스타일시트를 통해 웹 페이지의 프레젠테이션 을 정의하고 디자인하는 데 사용된다.
자바스크립트 는 웹 페이지의 동작을 정의하고 상호작용을 가능하게 하는 프로그래밍 언어이다.
HTML5 는 멀티미디어 요소를 플러그인 없이 지원하며, 2D 및 3D 그래픽 구현과 실시간 쌍방향 통신 기능을 제공한다.
HTML5는 또한 스마트폰 센서 접근과 같은 장치 기능을 포함하고, 오프라인 동작 기능을 통해 인터넷 없이도 작업할 수 있는 능력을 가지고 있다.
6.2. CSS의 중요성과 효율성
CSS는 케스케이딩 스타일 시트 의 약자로, 현재는 CSS3가 표준으로 사용된다.
HTML 웹페이지의 뼈대를 구성하는데 CSS는 스타일 디자인을 담당하는 필수적인 요소 이다.
CSS를 사용하면 문서 작성과 디자인을 효율적으로 분리 하여 웹페이지를 개발할 수 있다.
디자인 변경 시, CSS가 별도의 파일로 존재한다면 기존의 컨텐츠는 그대로 유지 하면서 디자인을 업데이트할 수 있다.
이는 메인터넌스 측면에서 효율적인 관리 를 가능하게 한다.
6.3. 자바스크립트의 역할과 특징
자바스크립트 는 사용자와의 상호작용 을 통해 동적인 웹페이지를 구성하는 보안된 언어 이다.
HTML이 웹페이지의 구조를 구성하고 CSS가 디자인을 담당하며, 자바스크립트는 사용자와의 상호작용 및 웹페이지에 대한 제어 를 담당한다.
자바스크립트는 객체 기반의 인터프리터 언어 로 분류되며, 별도의 컴파일 과정 없이 바로 실행할 수 있다.
이 언어는 구조적 프로그래밍 과 함수형 프로그래밍 등의 특징을 지원하여 더 편리하게 사용할 수 있다.
