사이트를 만들기 위해서는, 사이트의 구조를 대략적으로 파악해야 합니다.

어차피 저는 전문가도 아니기 때문에,

그냥 이해한대로만 설명하겠습니다. 그냥 그러려니 하세요~

사이트를 만들기 위해 알아두셔야 할것은

크게 두가지인데, 프론트엔드(frontend)와 백엔드(backend)로 나뉩니다.

갑자기 훅들어온  용어로 인해

이해가 안가시는 분들을 위해서 비유로 설명하겠습니다

그냥 사이트를 아무 무대라도 좋으니 무대라고 생각해보세요!

저는 연극무대라고 생각해보겠습니다

극장에 들어가면 무대는 관객이 보는 부분과 보여지지 않는 부분이 있습니다.

보여지는 부분은 관객앞에 있으니, 프론트엔드라고 생각하시고, 

뒤에서 조명과 음향,무대에 상황을 컨트롤하는 곳은 백엔드라고 생각하시면 됩니다.

일단 (웹)사이트를 보기위해서는 우리는 브라우져(엣지,크롬)를 사용합니다. 

브라우져는  연극무대에서 가장 많이 보여지는 부분인 무대(스테이지)에 비유하겠습니다

무대에는 고정된 배경이 있고, 움직이는 배경도 있고,

움직이는 배우도 있고, 음악와 조명도 있습니다.

브라우져라는 스테이지도 잘생각해보면, 배경과 같은 템플릿, 조명과 음향효과인 비디오,오디오

배우가 읆조리는 대사와 같은 정보가 바탕이 되는 글자로 이루어진 화면이죠~

지금 이글을 읽고 계신분들은 아무것도 아예 모르는분이라고 생각하고 설명할테니

이것조차도 그러려니 하세요..

템플릿이 뭘까요?

통상적으로 사용하는 용어이지만, 모르시는 분들에게 설명하자면 그냥 틀입니다.

공책에도 가로로줄이 있는것도 있고, 세로줄이있는것도 있고, 날짜가 포함되어있는것도 있는데

그게 다 템플릿입니다.

잘 생각해보시면, 사이트는 거의 다 비슷비슷 하게 생겼습니다.

사이트명이 있고, 밑에는 메뉴가 있고, 메뉴밑에서는 정보가 있고, 좌우측에는 비슷비슷한 것들도

어느 사이트에 있습니다. 그래서 다른 사이트를 들어가도 가본것처럼 능숙하게 사용합니다.

왜냐면 사이트마다 비슷한 템플릿을 사용하기 때문입니다.

다시 무대로 돌아갑니다. 무대의 배경은 뭘로 만드나요?

스티로폼?나무?철(스틸)?등으로 만들것 같은데, 사이트에서는 HTML이라는 언어로 만듭니다.

HTML은 하이퍼텍스트마크업랭귀지 라고 하는데, 이제 슬슬 머리 아프니 

그냥 템플릿이라는 구조를 만들기 위한 단어들의 조합?이라고 생각하시면 됩니다.

다만 조각을 쌓기위해서는 내가 지시해야 한다는 것이죠.

자!자! 일단 웃고 넘어갑시다.