#4.HTML만 알면 홈페이지 만들 수 있나? (CSS, PHP, JSP, ASP)

안녕하세요! 지난 포스팅 마지막에 오늘 그누보드 설치 방법에 대해서 알아보기로 했는데, 그 전에 꼭 짚고 넘어가야 할 부분이 있어서 계획을 조금 바꿨습니다!

 

오늘은 웹개발 언어에 대해서 알아볼게요!

 

---

 

제가 홈페이지 제작하는 일을 하고있다. 라고 이야기하면 제 지인들은 "어! 나도 HTML 할 줄 알아. 나 초등학교 때 학교에서 배웠어!" 라고 이야기 합니다. 하지만 HTML만으로 홈페이지를...?..?

 

첫 번째 포스팅에서 우리는 홈페이지 만드는 과정을 건축하는 과정과 비유하여 이야기 했었죠. 여러분은 이제 서버에 대해서는 알고 있으니 땅은 준비가 되었습니다. 그러면 이제 건축하기 위해선 무엇이 필요할까요?

땅이 준비가 되었다면, 건축 자재가 필요하겠죠.

 

건축 자재는 한마디로 웹개발 언어이고, 건축 기술은 코드를 얼마나 능숙하게 다루느냐, 혹은 어떻게 개발하느냐의 개발 방식이라고 이야기 할 수 있겠지요.

 

제가 말하는 모든 것은 정답이 아닙니다. 저는 그냥 제가 이해한 바를 쉽게 풀어서 설명하는 것 뿐이니 정답이라고 생각하기보다는 참고한다고 생각하고 읽어주시면 더 좋을 것 같아요 :)

 

먼저 건물을 지을 때, 가장 처음에 하는 것은 땅을 파고 철근을 세우는 것입니다. 철근을 세우는 이유는 큰 윤곽을 잡고, 그 뼈대에 맞게 건축이 이루어 지는 것이지요. 뼈대가 불안정하다거나, 어긋나게 되면 그것을 바로 잡아줘야 합니다.

 

웹개발에서 가장 기본이 되는 언어는 바로, HTML입니다. HTML이 건축할 때 철근과 같은 역할을 한다고 생각합니다. 웹개발 언어에서 HTML을 사용하지 않는 경우는 없습니다. 버튼 하나, 입력 폼 하나, 표 하나 만드는 데에도 HTML의 태그가 필요합니다. 그것 뿐 아니라, 결국 화면을 구성하는 기본 언어는 HTML이라고 보셔도 무방합니다.

 

그 이후에 익스테리어, 인테리어와 같이 건물을 예쁘게 꾸미고 디자인 해야겠지요. 그것은 CSS(Cascading Style Sheets)코드를 사용해 웹페이지를 꾸며주는 역할을 합니다. 배치, 애니메이션, 색상, 크기 등 보여주고 싶은 모습으로 설정할 수 있습니다. CSS는 HTML코드 내에 위치할 수도 있고, 혹은 CSS파일을 따로 만들어 HTML파일에 링크하는 방법이 있습니다.

 

단순한 스타일 속성이라면 HTML 내부에 삽입해도 되지만, 많은 내용을 담고 있고 복잡하다면 따로 CSS파일을 만들어 HTML에 링크할 수 있습니다. 상황에 따라 적절히 사용하면 됩니다. 

 

형광등, 전기를 사용하려면, 건물 내에 배선을 깔아야 하죠. 그 배선을 깔고, 적당한 위치에 스위치, 콘센트를 설치해야 쉽게 사용할 수 있죠. 만약 전기 배선이 엉켜 있거나, 잘못된 곳에 꼽혀있으면 작동하지 않거나 고장나게 되겠죠. 우리는 건물 내부에 있는 배선을 볼 수는 없지만, 코드를 꼽았을 때, 형광들을 끼웠을 때, 스위치를 눌렀을 때 그것이 작동하는 걸 볼 수 있습니다. 

 

이건 웹사이트에서 다양한 언어로 사용합니다. PHP, JSP, ASP 등 언어는 다양하지만, 이 포스팅에서는 PHP언어로 설명해보도록 하겠습니다!

 

어떠한 웹사이트에 들어갔을 때, 로그인을 하려면 많은 단계를 거칩니다. 먼저 첫 번쨰로 아이디와 비밀번호를 입력하고, 로그인 버튼을 클릭하면 그 정보는 암호화하여 서버로 전달됩니다. 서버에서는 그 받은 정보를 DB서버로 데이터를 전송하고, 데이터 값을 확인합니다. 회원가입 할 때 입력한 아이디와 비밀번호를 DB에서 찾아 그 값이 일치하다면 일치하다는 값을 서버로 전송하고, 서버에서는 그 내용을 다시 암호화해 전달하여 우리가 볼 수 있는 페이지로 보여지는 것입니다.  

 

이 과정을 PHP가 아닌 HTML만으로도 할 수 있습니다. 하지만, PHP와 HTML의 차이점은 바로, 암호화 그리고, DB접속 가능여부에 있죠. PHP 페이지를 들어가 소스보기를 하게 되면, 우리가 볼 수 있는 정보들은 HTML코드로 된 정보들 뿐입니다. 한마디로 서버로 전송하는 명령어들은 모두 보여지지 않게 되는 것이지요. 그래서 로그인 페이지 소스보기를 눌러도 로그인을 하면 이 정보들이 어디로 어떤 과정을 거쳐서 가는지 알 수가 없는 것이고 HTML과 비교하였을 때 보다 보안에 유리하다고 할 수 있습니다.

 

그래서 PHP언어는 데이터를 다루는 데 유리하며, 보안에 유리합니다. 주의할 점은, 이는 절대적인 유리함이 아닌, HTML과 비교하였을 때의 상대적인 유리함이기 때문에 PHP는 무조건 보안에 좋구나! 하고 이해하기에는 무리가 있습니다!ㅜㅜ 모든 웹사이트, 웹언어에는 결점, 약점이 있으며 해커는 이를 유리하게 이용하는 것이지요!

 

그래서 결론적으로, 위 이미지에서 로그인 화면을 구성하는 것은 HTML과 CSS일 것이고, 그 정보를 다루는 것은 PHP의 역할이겠죠? 또 로그인 정보를 다시 DB로부터 받아서 확인하는 PHP의 역할을 이어받아 HTML과 CSS로 로그인 이후의 화면을 구성하여 페이지를 보여주는 것입니다.

 

결국 HTML만으로는 홈페이지를 만든다는 것은 한계가 있습니다. 로그인, 게시판 등의 데이터를 암호화하지 않고 운영한다면 불가능한 이야기는 아니겠지만 무리가 있어 보여요...! 

혹시라도 제가 잘못 알고 있는 부분이나, 틀린 부분이 있다면 댓글로 남겨주세요 :) 저도 참고하고 더 공부해보겠습니다!!

 

이제 PHP에 대해서는 대략 아시겠지요? 그누보드는 PHP언어로 이루어진 프로그램입니다. 그래서 본격 그누보드 설치를 들어가기 전, PHP에 대한 이해를 하고 넘어가면 더 좋을 것 같아 게획을 살짝 변경하게 되었어요!

 

다음 포스팅은 정말 그누보드를 설치해볼 예정이니 잘 따라오세요!!><