HTML - 웹 개요

 

브라우저의 엔진

- 웹 페이지의 구성을 위한 HTML, CSS 등 자료를 해석해 사용자의 장치에 맞게 변환하는 역할을 한다
- 브라우저의 엔진은 웹 표준에 의거하여 프로그래밍 되어 있으므로 웹표준으로 작성해야 정상적으로 읽을 수 있다.

-  Firefox, Chrome, Edge, Safari, Opera, Brave, Internet Explorer 

 

1. 브라우저의 기본 인터페이스 구성

- 브라우저 창
- 탭
- 주소창
- 뷰포트 (Viewport) : 하나의 웹 페이지가 출력(랜더링:브라우저의 뷰포트에 웹 사이트를 그려내는 것)되는 영역

 

 

2. 크로스 브라우징 이슈

- 여러 브라우저에서 동일한 화면, 동작을 줄 수 있도록 제작하는 기술

- 브라우저 환경 및 버전에 따라 제공되어지지 않는 태그 및 속성이 있을 수 있으므로 해당 내용에 대해 불편감 없는 사이트로 제작되도록 함.

 

 

 

웹 접근성 및 호환성

 

1. 웹 접근성 

- 장애를 가지신 분, 갖지 않은 분 또는 남녀노소 모두 웹사이트를 최대한 불편함 없이 이용할 수 있게 제작해야 함

 

2. 웹 호환성 

- 사용자의 하드웨어 또는 소프트웨어가 다른 경우에도 동등한 서비스를 제공 받을 수 있어야 함

 

 

 

웹 사이트 개발 개요

- 개인 PC에서 사이트 개발 후 로컬 개발 환경으로 업데이트
- PC에서 제작한 웹 페이지에 사용자들이 접속할 수 있으려면 서버에 있어야 한다.

- 서버(serve : 제공하다) : PC의 작업물을 네트워크에 연결된 다른 컴퓨터들에게 제공하는 역할을 함

 

 

1. 사이트 종류

- 정적 사이트 : 사용자에게 정보만 보여준다.

- 동적 사이트 : 화면에 보이는 모습 뿐 아니라 사용자에게 제공할 기능, 서비스까지 포함된 개념

 

 

2. 백 엔드 (서버)

- 보이지 않는 정보 처리
- 서버에서 데이터 관리를 하는 프로그래밍
- 데이터베이스를 설계하거나 데이터를 처리하는 영역

 

 

3. 프론트엔드 (클라이언트)

- 눈에 보이는 화면
- 웹 사이트 디자인, 사용자 동작에 반응하는 기능을 만든다.
- 서버에서 받아온 정보를 브라우저에 어떻게 표시할 것인지 프로그래밍한다.