Page 14 -

1.1
웹 개발의

구조

웹(WWW, World Wide Web)은 전 세계의 컴퓨터 사용자들이 인터넷으로 연결돼 서로 정보

를 공유하는 공간입니다. 웹에서 이용할 수 있는 서비스는 웹 사이트(web site) 또는 웹 애플리케
이션(web application)이며, 인터넷 쇼핑몰, 온라인 서점, 여행 사이트 등은 모두 웹 애플리케
이션입니다.

웹 애플리케이션을 만드는 일을 웹 개발(web development)이라고 합니다. 웹 개발은 웹 애
플리케이션이 사용자와 직접적으로 상호작용하는 부분을 개발하는 프론트엔드 개발(front-

end development), 웹 애플리케이션의 핵심 처리 로직을 개발하는 백엔드 개발(back-end
development)로 나뉩니다.

그림 1-1 웹 개발의 구조
프론트엔드 개발 백엔드 개발
작업 요청
사용자
데이터
상호작용
인터넷

웹 애플리케이션 결과 응답 서버 데이터베이스

1.1.1 프론트엔드 개발

프론트엔드 개발에서는 사용자가 보는 화면, 즉 사용자 인터페이스(UI, User Interface)를 만

듭니다. 프론트엔드 개발에 사용하는 언어는 HTML, CSS, 자바스크립트입니다. HTML로 웹
애플리케이션의 전체적인 구조를 만들고, 여기에 CSS로 디자인을 입힙니다. 그리고 버튼을
클릭하면 다음 페이지로 넘어가거나 특정 검색어를 입력하면 결과 페이지가 나오는 등 사

022 PART 1 처음 만나는 백엔드

아는 만큼 보이는 백엔드 개발 내지 완.indd 22 2024. 1. 8. 오후 5:59