웹(WEB)이란 무엇일까?
인터넷 시대에서 웹은 우리의 일상과 떼려야 뗄 수 없는 존재가 되었습니다.
우리가 정보를 검색하거나, 쇼핑을 하거나, 영화를 감상하는 모든 과정이 웹을 통해 이루어집니다.
이 글에서는 웹의 정의와 이를 구성하는 핵심 요소인 HTML, CSS, JavaScript에 대해 알아보겠습니다.
1) 웹이란 무엇인가?
웹은 인터넷을 통해 정보를 주고받을 수 있는 공간입니다.
쉽게 말해, 웹은 우리가 인터넷에서 보는 모든 사이트의 기반이 되는 시스템입니다.
인터넷 검색창에서 흔히 볼 수 있는 www는 World Wide Web의 약자입니다.
이것은 전 세계적으로 인터넷에 연결된 컴퓨터를 통해 정보를 공유할 수 있는 시스템을 의미합니다.
예를 들어, 뉴스를 읽거나 소셜 미디어를 사용하는 등의 활동은 모두 이 시스템의 일부입니다.
정확히 말하면, 웹은 전 세계에 걸쳐 연결된 문서와 애플리케이션을 볼 수 있는 플랫폼입니다.
웹 페이지는 브라우저를 통해 열람할 수 있으며, 주로 HTML, CSS, JavaScript로 작성됩니다.
이 브라우저는 우리가 입력한 주소(URL)를 기반으로 웹 페이지를 불러오고, 화면에 보여주는 역할을 합니다.
웹은 단순히 정보를 제공하는 것을 넘어, 사용자와 상호작용하며 다양한 경험을 제공합니다.
예를 들어, 우리가 사용하는 소셜 미디어, 검색 엔진, 온라인 쇼핑몰은 모두 웹의 일부로,
단순한 정보를 전달하기보다 사용자에게 맞춤형 경험을 제공합니다.
따라서 웹은 일상 속에서 정보를 얻고, 소통하며, 새로운 가치를 창출하는 도구로 자리 잡았습니다.
2) 웹의 구성 요소: HTML, CSS, JavaScript
웹은 기본적으로 HTML, CSS, JavaScript라는 세 가지 기술로 구성됩니다.
이 세 기술은 각각의 역할을 가지며, 조화를 이루어 우리가 매일 접하는 웹사이트를 만들어냅니다.
- HTML (HyperText Markup Language)
쉽게 표현하면 웹 페이지의 뼈대를 만드는 언어입니다.
- HTML을 사용하면 제목, 문단, 이미지, 링크 등을 정의할 수 있으며, 이를 통해 페이지의 구조가 결정됩니다.
예를 들어, 블로그 글의 제목, 본문, 이미지 위치 등이 모두 HTML을 통해 정의됩니다. 현재의 페이지에서 예를 들면 글의 제목과 소제목은 각 <h> 태그라는 것을 통해 정의됩니다. 이 태그는 이후 글에서 다뤄보도록 하겠습니다.
- CSS (Cascading Style Sheets)
웹 페이지의 디자인을 담당합니다.
- 글씨의 색상, 배경, 레이아웃, 버튼 스타일 등을 설정하여 웹 페이지를 아름답게 꾸며줍니다.
예를 들어, 이 블로그 글을 보시다 보면 주황색으로 글자색이 다른 것을 보실 수 있습니다. 또한 1~3 번은 글자 크기가 다른 것을 보실 수 있는데 이 또한 CSS를 설정하여 포인트를 준 것입니다.
- 이 외에도 우리가 흔히 보는 블로그나 뉴스 사이트에서 글씨 색상이 강조되거나 배경이 깔끔하게 정돈된 것은 모두 CSS 덕분입니다.
- JS (JavaScript)
JavaScript는 웹 페이지에 동적인 기능을 추가하는 언어입니다.
- 예를 들어, 버튼을 클릭했을 때 새로운 화면이 나타나거나, 입력한 데이터를 확인하는 과정은 모두 JavaScript를 통해 이루어집니다.
또한, JavaScript는 애니메이션 효과를 주거나 사용자 입력을 처리하여 웹 페이지와 사용자가 상호작용할 수 있도록 합니다.
이 세 가지 기술은 서로 보완적인 역할을 하며, 웹 페이지를 만드는 데 필수적인 도구들입니다.
3) 웹 개발을 시작하는 방법
웹 개발은 생각보다 쉽고, 간단한 도구로도 시작할 수 있습니다.
대표적인 예로 Visual Studio Code(VSCode)를 추천합니다.
VSCode는 무료 편집기로 HTML, CSS, JavaScript를 작성하고 테스트하기에 적합하며, 사용법도 간단합니다.
또한 다양한 확장 프로그램을 사용하여 웹을 만드려는 개발자들의 소중한 시간을 단축시킬 수 있고, 편의성이 뛰어나기에
저는 웹 개발을 처음 시작하신다면 VSCode를 추천 드립니다.
초보자라면 온라인 학습 자료와 함께 간단한 프로젝트를 만들어보며 흥미를 느끼고 자시만의 사이트를 구축하는 것에 목표를 두면 좋을 것 같습니다.
정리
웹은 현대 사회에서 가장 중요한 기술 중 하나이며, HTML, CSS, JavaScript는 웹 개발의 핵심 구성 요소입니다.
웹 개발은 처음에는 복잡해 보일 수 있지만, 간단한 도구와 학습 자료를 활용하면 누구나 시작할 수 있습니다.
다음에는 VSCode 설치 과정과 간단한 태그들을 학습하는 시간을 가져보겠습니다.