Page 14 -

1.1
웹 개발의

구조

다음은 기상청의 날씨누리 사이트입니다. 구글과 같은 인터넷 검색 사이트에서 ‘기상청’을
입력하면 검색 결과를 통해 이 사이트에 접속할 수 있습니다.

그림 1-1 기상청 날씨누리 사이트

날씨누리의 홈 화면에는 텍스트, 이미지, 버튼, 링크 등이 있습니다. 만약 서울의 날씨가 궁
금하면 검색창에 ‘서울’을 입력하고 돋보기 모양의 검색 버튼을 누릅니다. 그러면 서울 지

도가 나타나고 서울 지역의 날씨가 표시됩니다.

우리는 이렇게 웹 페이지에서 필요한 정보를 검색하거나 클릭해 결과를 확인합니다. 이처
럼 웹 브라우저에서 동작하며 사용자와 상호작용이 가능한 소프트웨어를 웹 애플리케이션(web
application) 또는 줄여서 웹 앱(web app)이라고 합니다. 그리고 이러한 웹 애플리케이션을

020 PART 1 처음 만나는 프런트엔드

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