Page 15 -

용자가 웹 애플리케이션과 상호작용할 수 있도록 자바스크립트로 동적인 기능을 넣습니다.

그림 1-2 프론트엔드 개발 언어

웹 구조 설계 웹 페이지 디자인 웹 동작 구현

다른 외부 라이브러리나 프레임워크를 사용하지 않는 순수한 자바스크립트를 가리켜 바닐
라JS(vanillaJS)라고 합니다. 자바스크립트로 개발할 때는 바닐라JS를 이용할 수도 있고, 리

액트(React)와 같은 자바스크립트 라이브러리 또는 뷰(Vue), 앵귤러(Angular)와 같은 자바스
크립트 프레임워크를 활용할 수도 있습니다.

프론트엔드 개발자는 백엔드로부터 전달받은 데이터를 화면에 보여줍니다. 프론트엔드 개
발자가 하는 일은 크게 두 가지입니다. 사용자 인터페이스 부분을 개발하는 것과 네트워크

통신망을 통해 데이터를 송수신하는 것입니다. 이 중에서 데이터 송수신은 백엔드 개발자
와의 협업이 필요한 영역입니다.

1.1.2 백엔드 개발

백엔드 개발의 경우 웹 애플리케이션에서 사용자가 보지 못하는 영역, 즉 서버와 데이터베

이스를 관리하는 일을 합니다. 프론트엔드 개발이 사용자가 보는 웹 애플리케이션의 겉모
습, 사용자와의 상호작용을 다룬다면, 백엔드 개발은 사용자가 요청한 작업을 처리할 수 있

도록 웹 애플리케이션의 내부 기능을 맡습니다.
예를 들어 기상청 사이트에서 현재 기온을 조회하면 기상청 서버에서 실시간으로 변하는

기온을 가져와 보여주는 경우를 생각해봅시다. 기온 정보를 화면에 보여주기 위해 조회를
요청하는 작업은 프론트엔드에서 처리하고, 요청에 대한 응답으로 프론트엔드에 결과를 반

환하는 것은 백엔드에서 처리합니다. 백엔드 개발자는 서버를 운영할 뿐만 아니라 DBMS를

CHAPTER 1 백엔드 시작하기 023

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