Django 개발환경 구축하기

Django란

웹 프로그램을 쉽고 빠르게 만들어주는 웹 프레임워크이다.

기존 웹 프로그램을 만들려면 로그인/로그아웃 처리, DB 처리, 쿠키 처리 등 다양한 기능을 직접 구현해야 한다.

하지만, 웹 프레임워크를 사용하면 이러한 기능들이 이미 구현돼있기 때문에 웹 프로그램을 만들기 위한

스타터 키트라고 생각하면 된다.

React, Vue.js, Spring 등 다양한 웹 프레임워크가 있고 그 중 Python으로 만들어진 것이 Django이다.

 

구축 환경

Django 구축 환경은 Ubuntu 18.04 LTS이다.

 

구축 순서

1. Django는 파이썬 기반이기 때문에 먼저 python 3.8 version을 설치해준다.

(python 설치 순서는 생략)

 

2. ~(home directory) 아래에 /projects/mysite 디렉토리를 생성해준다.

 

3. mysite 디렉토리에서 pip install django==3.1.3을 실행해준다.

user@ubuntu:~/projects/mysite$ pip install django==3.1.3

 

4. startproject 명령어를 통해 새 프로젝트를 생성한다.

root@DESKTOP-25LEJB2:~/projects/mysite# django-admin startproject WebProject

root@DESKTOP-25LEJB2:~/projects/mysite# ls
WebProject

root@DESKTOP-25LEJB2:~/projects/mysite# cd WebProject/

root@DESKTOP-25LEJB2:~/projects/mysite/WebProject# ls
WebProject  manage.py

 

5. python3 명령어를 통해 웹 서버를 실행시켜 준다.

root@DESKTOP-25LEJB2:~/projects/mysite/WebProject# python3 manage.py runserver
Watching for file changes with StatReloader
Performing system checks...

System check identified no issues (0 silenced).

You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
July 06, 2021 - 18:19:22
Django version 3.1.3, using settings 'config.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

 

6. 127.0.0.1:8080으로 접속하면 장고의 default 페이지를 확인할 수 있다.

현재 윈도우에 WSL을 설치하고 linux를 사용하고 있는 상태이기 때문에 이렇게만 구성을 끝낼 경우 vi 에디터를 통해

코드를 수정해야 한다.(굉장히 비효율적..)

그러므로 WSL과 VS code를 연동하는 방법을 통해 이를 해결한다.

 

- VS code에서 WSL과 관련된 확장 프로그램을 설치한다.

 

- 수정하고자 하는 파일이 있는 Directory로 이동 후 code . 명령어를 실행한다.

user@DESKTOP-25LEJB2:~/projects/mysite/WebProject$ code .
Installing VS Code Server ~
Downloading: 100%
Unpacking: 100%

 

✅오류가 발생하는 경우엔 아래 명령어를 실행 후 wsl을 다시 실행시켜준다.

sudo apt update -y && sudo apt upgrade -y

sudo apt install wget -y
sudo apt install ca-certificates -y

 

- 현재 user 권한으로 VS code를 실행시켰기 때문에 파일 수정 후 저장 시 Permission denied가 뜰 것이다.

다시 wsl로 돌아와서 아래 명령어를 실행시켜준다.

user@DESKTOP-25LEJB2:~/projects/mysite$ sudo chown -R user WebProject/