02. Zero부터 시작하는 Django 웹사이트 만들기 - 사용할 기술 스택 둘러보기

지난 포스팅에서 Python 개발환경 까지 설정했습니다.

 

이제 우리는 웹사이트를 만들기 위한 다른 여러가지 기술들과 컴퓨터 언어들이 필요합니다.

아래의 그림을 살펴보고 가겠습니다.

 

딱 봐도 복잡해보입니다. 하지만 겁먹을 필요는 없습니다.

 

이게 우리가 만들 웹사이트의 전체적인 구조입니다.

한번 전체적인 그림에서부터 작은 요소까지 중요 사항 위주로 설명드리면서 넘어가보도록 하겠습니다.

 

쉬운 설명을 위해 웹사이트를 레스토랑이라고 비유하면서 설명드리겠습니다.

 

1. 프론트엔드(Front-end)

---

- 프론트엔드란?

• 쉽게 말하자면, 웹사이트 사용자에게 보여지는 것들입니다.
  네이버 홈페이지를 예로 들어보겠습니다.
• 세세한 메일버튼, 로그인 버튼, 날씨, 뉴스창 이 모든 것들이 전부 프론트엔드 입니다.
• 즉, 웹사이트의 구조와 디자인, 일부 동작들이 여기에 해당하는겁니다.

지금 보고계시는 모든 것들이 전부 프론트엔드입니다.

• 프론트엔드에서 우리가 사용할 기술/언어는 아래와 같습니다.
  • HTML5: HTML은 웹사이트의 구조를 나타내기 위해 사용하는 마크업 언어입니다.
    레스토랑 건물의 뼈대와 구조, 그리고 가구라고 생각하시면 됩니다. 건물 기둥, 주방 위치, 가구 배치 이런 것들이죠.
    
    
  • CSS3: CSS는 마크업 언어로 구현된 문서 실제로 웹사이트에 어떻게 표시될 지 정해주는 스타일 언어입니다.
    레스토랑안의 인테리어입니다. 예뻐야 사람들이 좋아하겠죠?
    즉, 디자인에 관한 것들은 거의 CSS의 영역이라고 보시면 됩니다.
    
    
  • JavaScript(JS) + jQuery: JavaScript는 우리가 사용하는 웹 브라우저 안에서 실행되는 스크립트 언어이며, 우리 웹사이트의 서버와 통신하거나 사용자에게 보여지는 동작들을 처리합니다. jQuery는 JavaScript의 라이브러리 중 하나이며, 우리가 사용할 웹사이트에서 일부 기능들을 담당하기 위해 사용합니다.
    비유하자면, 레스토랑의 서빙 직원입니다.
    
    
  • Bootstrap: 위에서 설명한 CSS의 라이브러리 중 하나입니다. 미리 만들어진 디자인 요소들을 쉽고 빠르게 이용해줄 수 있게 하는 라이브러리죠. 
    비유하자면 레스토랑 인테리어를 도와주는 인테리어 업체입니다.

 

2. 백엔드(Back-end)

---

- 백엔드란?

• 앞서 설명한 프론트엔드가 사용자들에게 보여지는 것들이었다면, 백엔드는 사용자에게 보이지 않는 처리들을 담당합니다.
• 예를 들어, '웹사이트에 로그인을 시도하면 아이디와 비밀번호가 일치하는지 확인 후, 결과를 보여준다' 라는 과정은 사용자에게는 보이지 않고 처리되는 과정이니 백엔드의 영역인거죠.
• 비유하자면, 레스토랑의 주방에서 일어나는 일들이 전부 백엔드의 영역입니다. 재료를 손질하고 요리를 만드는 과정들이지만, 홀에서 기다리는 손님들은 볼 수 없는 일들이죠.
• 백엔드에서 오늘 설명 드릴 것은 Django와 MySQL입니다. 나머지 기술들은 차차 진행하며 알아가봅시다.
  • Django: Python을 사용하는 웹 프레임워크입니다. 백엔드를 하나부터 열까지 새로 만드는 것은 힘든 일이므로, 사람들이 미리 만들어놓은 기술들을 이용하면 좀 더 쉽고 빠르게 작업할 수 있습니다. Django는 그 기술 중 하나입니다.  우리가 지난번 Python을 설치한 것도 Django를 이용하기 위해서입니다.
    
    Django를 사용하면 웹사이트에서 자주 쓰이는 기능인 로그인/로그아웃 같은 기본적인 기능들을 손쉽게 이용할 수 있습니다.
    (TMI: 여러분이 자주 쓰는 인스타그램도 Django를 이용해 만들어졌습니다.)
    
    
  • MySQL: 수많은 데이터베이스 관리 프로그램 중 하나입니다. DBMS라고도 하죠. 이걸 사용해서 웹사이트 사용자들의 정보, 게시글, 댓글과 같은 정보들을 관리하게 됩니다.

 

앞으로의 포스팅은 프론트엔드의 영역부터 먼저 공부한 다음, 백엔드 영역으로 넘어가볼까 합니다.

 

긴 글 읽어주셔서 감사합니다.

 

 

 

 

다음 포스트

https://polap0.tistory.com/8

03. Zero부터 시작하는 Django 웹사이트 만들기 - 사이트의 기능 생각해보기