안녕하세요. 빅블리셔입니다.
2017년 9월부터 학원을 통해 "웹" 이란 새로운 세계를 경험하고 있는 중입니다.
아직은 현업을 경험해보지 못했지만, 같이 공부하는 분들을 위해 이렇게 정보를 공유합니다.
그럼 본론으로 넘어가볼게요.
1. 웹 사이트는 어떻게 만들어질까요?
웹 사이트를 만들기 위해서는 '개발 언어' 를 사용하여 만듭니다.
1. HTML
2. CSS
3. JS(jQuery)
ㅁ '웹'을 '집짓기' 와 비교를 한다면 쉽게 알 수 있습니다.
웹 사이트를 만드는 과정은 집 짓는 과정과 비슷합니다.
첫 째, 집을 짓기 위해서는 설계도면이 필요하죠? 그 도면을 가지고 땅을 갈고, 철근을 세우는 정도의 기초공사가 있습니다.
둘 째, 집의 구조가 나왔으면 내부적인 공사가 들어가죠. 그안에 방문의 색상, 벽지, 인테리어가 있습니다.
셋 째, 내부공사까지 끝나고 나면 세부적인 기능들이 있겠죠? 예를 들어 방 불 켜기, 끄기, 난방 켜기, 끄기, 현관 자동 등센서, 현관 도어락 등 기능부분이 있을 겁니다.
이렇게 크게 구조를 나눠봤는데요, '웹사이트' 만들기도 저 구조와 비슷합니다.
1) HTML = 기초공사(설계)
- 웹 사이트에 접속 하면 보이는 정보 (글, 이미지 등) 을 HTML이 담당합니다.
2) CSS = 내부공사(인테리어+디자인)
- 보이는 글의 색상, 이미지 크기 등 디자인을 담당합니다.
3) JS(JavaScript) = 기능(불끄고, 키는 기능 등)
- 마지막으로 이미지를 슬라이드 효과를 준다거나 팝업 알름 등 주요 기능을 구현 담당합니다.
- 간단한 기능들은 jQuery로도 많이 사용하게 됩니다. jQuery에 대해서는 다음 시간에 알려드리겠습니다.
이렇게 세가지의 언어로 사용하여 만들었다면 그 총 집합체는 "웹사이트 = 집" 이라고 생각하면 쉽습니다.
'웹사이트' 만드는 과정에 대해서 알아보았습니다.
그럼 다음 시간에는 '레이아웃' 에 대하여 알아보겠습니다!
댓글