Project1 - 웹 페이지 만들기

웹 브라우저를 통해서 우리는 매일 웹 서핑 과 웹 앱 그리고 웹 게임등 다양한 작업을

수행 할 수 있다.

1. 웹 브라우저를 열고

2. 주소를 넣고 (URL 입력)

3. 엔터를 치는 순간 우리는

4. 웹 서버에 있는 웹 페이지에 접근하게 된다.

5. 그리고 다운받은 웹 페이지는 우리가 사용하는 브라우저에 의해서

해석 되어서 우리에게 보여진다.

이게 바로 웹 페이지의 구동 원리이다.

가장 단순히 나열하자면 위와 같다.

전세계 사람들이 웹페이지를 접소하니 아이폰과 안드로이드가 있다고 하지만

가장 많이 사용되는 앱은 어찌보면 웹 기반의 S/W가 아닐까 싶다.

이런 웹 페이지를 만드는 가장 단순한 방법은

노트패드를 펴서 작성할 수가 있다. 단지 우리는 PC만 필요할 뿐이다.

물론 노트패드가 불편하기에 가장 대중적인 에디터인

비주얼 스튜디오 코드( VSC ) 를 사용하면 된다. 하기 처럼 작성하고...

<!DOCTYPE html>

<html>

<head>  

  <title>Coding</title>

</head>

<body>

  Hello World!  

</body>

</html>

Hello World.html 로 작성한 뒤

해당 파일을 브라우저로 열면 여러분의 첫 웹 페이지가 탄생하게 된다.

당당히 브라우저에는 Hello World! 라는 글자가 보이게 된다.

바로 이러한 웹 페이지를 만드는 것인

HTML 이라는 언어이다. HTML언어만 가지고서도 웹 페이지를 제작할 수 있다.

이렇게 제작된 웹 페이지는 여러분이 웹 서버를 구축한다면

세상 모든 사람들이 볼수 있는 웹 페이지가 된다.

생각만 해도 설레이지 않은가... 이것이 바로 코딩이다.

HTML 에 CSS 와 JS 라는 언어를 추가하면 여러분들이 웹 서핑에서 보았던

다양한 웹 페이지를 만들 수 있다. 물론 웹 앱 및 게임도 가능하다.

Write and Make