웹사이트를 만들기 위해서는,  웹? 과 사이트?를 알아야 합니다.

우선 사이트의 구조를 아주 대충 이라도,  함께 알아봅시다.

왜냐면, 세상에 모든 웹사이트는 [동일한 구조] 이기에, 잠깐 알아보고

잊고, 생각나거나 궁금했을때, 다시 알아보고 하면, 

웹사이트의 구조를 이해할수있게 됩니다.

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

말도 안되는 예를 들어가면 설명 할겁니다. 그러니, 이게 뭐야? 하시고

그냥 그러려니 하시면 됩니다.

사이트는 [앞단]과 [뒷단] 으로 되어있습니다

앞에 있는 것들을, 프론트엔드(frontend)라고

뒤에 있는것을  백엔드(backend)라고 불릅니다.

그냥, 직관적으로 이해가 안되면, 원리가 구조를 몰라도 사용하는 

아이폰이나, 아메리카노등의 보통명사로 인식을 하시면 됩니다.

앞단?은 우리가 보는 부분입니다.

예를 들면, 휴대폰에서 크롬,엣지등으로 이 사이트를 보고계시죠? 

네…그겁니다.

뒷단?은 휴대폰안에 있는게 아니라, 저~~~~기 멀리있는 서버(그냥 컴퓨터)에 있습니다.

서버는 열심히 우리에게 이것 저것 보여주기 위해, 열심히 작동하고 있습니다

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

웹사이트는  [무대] 입니다

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

연극극장에 들어가면 무대가 보이죠?  그게 앞단, 즉 프론트 엔드 입니다.

관객에게  보여지지 않는 부분이 있습니다. 뒤에서 조명과 음향,무대에 상황을 컨트롤하는 곳이죠

그게 뒷단 백엔드 입니다.

무대 앞에서는 우리가 직접 보기도 하고, 어떨때는 보기도하고, 체험하기도 합니다.

무대 뒤에서는 무대를 위해, 필요한 것들을 준비하고, 시간에 따라 내보내기도 합니다.

네. 

이게 끝입니다.

이렇게 끝나면, 아쉬우니 하나더 짚어봅시다.

홈페이지, 웹사이트등을 공부하려고, 하면 항상 나오는 말.

템플릿이 뭘까요?

 

회사 다니시거나, 과제를 하는 학생들도 익숙하게, 통상적으로 

사용하는 용어라 모르시는 분들은 없으실겁니다.

설명하자면 그냥 [틀]입니다.

과제 제출할때 사용하는 틀, 시험지의 형식, 제안서나 PPT에 있는 동일한 틀.

그게 다 템플릿입니다.

왜 말씀을 드리는지 설명드리겠습니다.

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

[ 네이버와 다음]

위에는 사이트명, 메뉴가 있고, 메뉴 아래는 정보가 있고, 

좌우측에는 비슷비슷 버튼과 이미지등 생각해보면 색상과 디자인이 약간 다르지 동일합니다.

그래서, 생각해보면, 우리는 처음 들어가는 다른 사이트도

가본것처럼 능숙하게 사용합니다.

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

네. 맞습니다.

비슷한거 하나만 배우면, 다른것들도 익숙하게 다가옵니다.

이해가 안되시는 분들이 많으실겁니다.

글쓴 제가 문제다 생각하시고, 웃고 넘어가실까요?

그럼, 다음글에서 뵙겠습니다.