반응형

HTML&CSS/웹 개발 입문 3

웹사이트 동작 구조 이해 (브라우저, 서버, 클라이언트)

웹의 기본 구조: 클라이언트-서버 모델인터넷에서 웹사이트가 작동하는 방식을 이해하기 위해서는 먼저 '클라이언트-서버 모델'이라는 기본 구조를 알아야 합니다. 이 모델은 모든 웹사이트와 웹 애플리케이션의 기반이 되는 아키텍처입니다.클라이언트-서버 모델이란?클라이언트-서버 모델은 두 개의 주요 구성 요소로 이루어져 있습니다:클라이언트: 서비스를 요청하는 쪽으로, 일반적으로 웹 브라우저(Chrome, Firefox, Safari 등)가 실행되는 사용자의 기기(컴퓨터, 스마트폰, 태블릿 등)입니다.서버: 서비스를 제공하는 쪽으로, 웹사이트 파일을 저장하고 클라이언트의 요청에 응답하는 컴퓨터입니다.이 두 구성 요소는 인터넷을 통해 서로 통신하며, 이 통신은 HTTP(하이퍼텍스트 전송 프로토콜) 또는 HTTPS(보..

HTML, CSS, JavaScript의 역할 - 웹 개발의 3대 핵심 기술

웹의 3요소: HTML, CSS, JavaScript웹사이트를 건물에 비유한다면, HTML은 구조, CSS는 디자인, JavaScript는 기능을 담당합니다.이 세 가지 기술은 현대 웹 개발의 기초를 이루며, 이들을 이해하는 것은 웹 개발자가 되기 위한 필수 조건입니다.각 기술이 담당하는 핵심 역할을 간단히 정리하면 다음과 같습니다:HTML내용과 구조 정의건물의 뼈대CSS디자인과 레이아웃건물의 외관과 인테리어JavaScript동적 기능과 상호작용건물의 전기, 수도, 엘리베이터 시스템이제 각 기술에 대해 자세히 알아보겠습니다.HTML: 웹의 구조를 담당하는 뼈대HTML(HyperText Markup Language) 은 웹 페이지의 기본 구조와 내용을 정의하는 마크업 언어입니다.웹 브라우저는 HTML 문서..

웹 개발이란?

웹 개발의 기본 개념웹 개발(Web Development)이란 인터넷이나 인트라넷을 위한 웹사이트를 개발하는 과정을 말합니다. 간단한 정적 단일 페이지부터 복잡한 웹 애플리케이션, 소셜 네트워크 서비스, 전자상거래 사이트까지 모든 종류의 웹 기반 콘텐츠를 만들고 유지하는 작업을 포함합니다.우리가 매일 사용하는 Google, Facebook, YouTube, 쇼핑몰 사이트 등은 모두 웹 개발자들이 만든 결과물입니다. 이러한 웹사이트들은 인터넷 연결만 있으면 언제 어디서든 접근할 수 있어, 정보 제공과 서비스 이용에 큰 편리함을 제공합니다.웹 개발의 분야웹 개발은 크게 프론트엔드(Front-end)와 백엔드(Back-end) 두 분야로 나눌 수 있습니다:1. 프론트엔드 개발 (Front-end Develop..

반응형