본문 바로가기
웹코딩

"웹" 이란?

by P.엄지 2018. 11. 23.




안녕하세요. 빅블리셔입니다.


2017년 9월부터 학원을 통해 "웹" 이란 새로운 세계를 경험하고 있는 중입니다.


아직은 현업을 경험해보지 못했지만, 같이 공부하는 분들을 위해 이렇게 정보를 공유합니다.




그럼 본론으로 넘어가볼게요.



1. 웹 사이트는 어떻게 만들어질까요?

웹 사이트를 만들기 위해서는 '개발 언어' 를 사용하여 만듭니다.


1. HTML

2. CSS

3. JS(jQuery)



ㅁ '웹'을 '집짓기' 와 비교를 한다면 쉽게 알 수 있습니다.

웹 사이트를 만드는 과정은 집 짓는 과정과 비슷합니다.


첫 째, 집을 짓기 위해서는 설계도면이 필요하죠? 그 도면을 가지고 땅을 갈고, 철근을 세우는 정도의 기초공사가 있습니다.

둘 째, 집의 구조가 나왔으면 내부적인 공사가 들어가죠. 그안에 방문의 색상, 벽지, 인테리어가 있습니다.

셋 째, 내부공사까지 끝나고 나면 세부적인 기능들이 있겠죠? 예를 들어 방 불 켜기, 끄기, 난방 켜기, 끄기, 현관 자동 등센서, 현관 도어락 등 기능부분이 있을 겁니다.


이렇게 크게 구조를 나눠봤는데요, '웹사이트' 만들기도 저 구조와 비슷합니다.



1) HTML = 기초공사(설계)

- 웹 사이트에 접속 하면 보이는 정보 (글, 이미지 등) 을 HTML이 담당합니다.




2)  CSS = 내부공사(인테리어+디자인)

- 보이는 글의 색상, 이미지 크기 등 디자인을 담당합니다.




3) JS(JavaScript) = 기능(불끄고, 키는 기능 등)

- 마지막으로 이미지를 슬라이드 효과를 준다거나 팝업 알름 등 주요 기능을 구현 담당합니다.

- 간단한 기능들은 jQuery로도 많이 사용하게 됩니다. jQuery에 대해서는 다음 시간에 알려드리겠습니다.




          

     


이렇게 세가지의 언어로 사용하여 만들었다면 그 총 집합체는 "웹사이트 = 집" 이라고 생각하면 쉽습니다.




'웹사이트' 만드는 과정에 대해서 알아보았습니다.


그럼 다음 시간에는 '레이아웃' 에 대하여 알아보겠습니다!


'웹코딩' 카테고리의 다른 글

"레이아웃" 종류  (0) 2018.11.23

댓글