Page 15 -

만드는 일을 웹 개발(web development)이라고 합니다. 앞에서 봤던 날씨누리 사이트는 날씨
정보를 알려주는 웹 애플리케이션입니다.

그렇다면 사용자와 상호작용하는 과정은 실제 웹 내부에서 어떻게 처리될까요? 웹의 동작

방식은 다음과 같이 이뤄집니다.

그림 1-2 웹의 동작 방식
클라이언트 서버
HTML 페이지 요청
사용자
UI/UX 인터넷

웹 애플리케이션 HTML 페이지 응답

사용자가 웹 브라우저를 통해 웹 애플리케이션에 작업을 요청하면 이를 서버가 받아 처리
한 뒤 그 결과를 반환합니다. 이러한 동작은 클라이언트(client)의 요청과 서버(server)의 응답으

로 이뤄집니다. 클라이언트는 서버에 작업을 요청하는 컴퓨터 또는 응용 프로그램을 말하
고, 서버는 클라이언트의 요청을 받아 처리하는 컴퓨터 또는 응용 프로그램을 말합니다.

보통 인터넷 같은 통신망에 접속할 수 있게 해주는 응용 프로그램인 웹 브라우저가 바로 클
라이언트입니다. 웹 애플리케이션은 웹 브라우저에서 실행되는 소프트웨어로, 웹 브라우저

의 주소창에 도메인(예: www.weather.go.kr)을 입력하면 해당 웹 애플리케이션이 구동되는
서버에 접속해 데이터를 받아와 화면에 출력합니다. 사용자는 그때부터 서비스를 이용할
수 있습니다.

클라이언트-서버 구조에서 웹 개발은 크게 프런트엔드(front-end) 개발과 백엔드(back-end)

개발로 나뉩니다. 각각의 개발 내용은 다음과 같습니다.
• 프런트엔드 개발: 사용자가 웹 애플리케이션을 사용할 수 있도록 눈에 보이는 화면과 기능을

개발합니다.

• 백엔드 개발: 서버에서 동작하는 실제 웹 애플리케이션을 개발합니다. 즉 웹 애플리케이션
에서 다루는 데이터를 관리하고 처리하는 부분을 개발합니다.

CHAPTER 1 프런트엔드 시작하기 021

아는 만큼 보이는 프런트엔드 개발 내지.indd 21 2023. 9. 12. 오후 2:18