얼마전, 서로 추구하는 바가 다른 신입 웹디자이너 2명에게 간략히 세미나를 한 경험이 있다.
지금 하는 일은 웹디자인이나 향후 웹기획을 하고 싶어하는 한 사람과 퍼블리싱을 하고 싶어 하는 한 사람이었다.
어쨌거나 둘은 포토샵만 다룰 줄 알지, 이제 막 누군가가 그려준 기획서를 따라 이미지를 만들어 낼 줄 아는 초보였다.
그렇기에 본인의 이미지가 어떤 과정과 어떤 방법으로 웹사이트에서 보여지는 지 전혀 모르는 수준으로 아주 쉬운 예시의 설명이 필요했다. 이 글을 쓰는 본인도 웹 전반에 대한 기초 실력이나 이론이 출중하지 않기에 초등학생 수준의 설명으로 대신했다.
웹사이트는 페이지들 여러 장이 모여서 만들어진다.
서로의 페이지들은 메뉴같이 링크라는 것들로 연결하여 웹사이트를 이룬다.
웹페이지를 이루는 재료는 다양하다.
보통은 html파일일 수 있는데, 단 한장의 이미지도 웹페이지가 될 수 있고, 동영상, 텍스트들로 웹페이지를 만들수 있다.
html 샘플 페이지, 이미지 풀URL, 유투브 등등 샘플로 제시..
웹디자이너가 만든 통이미지 자체가 웹페이지가 될 수 있는 것이다.
그러나 단순 보여지는 목적이 아닌, 연결하거나 정보를 입력받아 저장하거나, 화려한 액션을 보여주는 기능을 추가하기 위해
이미지를 잘라서 html파일로 만들고 액션, 기능들을 만들어내는 것을 개발자들이 하는 일이다. 퍼블리셔가 할 수도 있다.
웹개발자들이 php, jsp, asp, 파이썬 다양한 언어들을 얘기하지만,
결국 어떤 웹브라우져에서건 소스 보기를 하면 html이 보여진다.
웹개발자들이 다양한 기능을 만들기 위해서 사용하는 프로그래밍 언어를 php, jsp, asp 등등 이라고 하고,
그에 따른 결과물인 웹페이지는 html파일 형식으로 웹브라우져에서 보일 수 있게 된다.
내 (로컬)컴퓨터에 이미지, html 파일은 나만 볼 수 있다.
지금 내가 가지고 있어서 다른 사람들에게 보여주고 싶은 이미지 또는 html파일을 누구나 볼 수 있게 어디에다가 둬야 하는가?
그렇게 하기 위해 서버라는 것을 사용한다.
서버는 컴퓨터의 일종이다.
다른 사람들에게 보여줄 html파일, 이미지, 텍스트파일 등을 내 컴퓨터에서 서버로 옮겨서 저장해 놓으면,
누구나 접속해서 볼 수 있다.
내 집의 컴퓨터도 서버로 만들 수 있지만, 계속 켜져있어야 하고, 인터넷선의 속도도 중요하고, 공유기가 있으면 설정도 해야하고 복잡하다.
리눅스 서버, 윈도우즈 서버라는 말들은 서버를 돌리는 운영체제를 지칭해서 하는 말이다.
웹디자이너들이 그린 이미지를
적당히 자르고, html파일로 만들어서
개발자가 기능을 만들어서 추가하여 페이지를 만들고,
서버에 올려놓으면 웹페이지들이 되고, 웹사이트가 된다.
여기에서 수많은 데이터들, 입력받아 저장되는 데이터들을 저장하기 위해서 데이터베이스라는것이 쓰인다.
엑셀과 비슷하게, 특정 장소, 위치에 내가 원하는 값들을 저장해놓고
그 위치를 찾아내어 값을 뽑아다 웹페이지에 표시해줄 수 있다.
이로써 이미지->웹페이지, 서버, 데이터베이스에 대해 어거지같은 설명을 하였다.
중간중간 이미지, html 파일을 서버에 올려보고 보여주며, 디비 샘플들을 보여주었다.
초등학생도 알아들을 만한 내용이 아니었을까 한다.