![전체 글](https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png)
전체 글
![5. Django로 웹 사이트를 만들기 위한 기초적인 구성(프로젝트, DB 생성)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcjqqRN%2FbtrGUsu867R%2FrvZbb6e966rvdEA3WjFgNK%2Fimg.png)
5. Django로 웹 사이트를 만들기 위한 기초적인 구성(프로젝트, DB 생성)
● Django 프로젝트 생성 먼저 django-admin startproject + 프로젝트명 입력으로 프로젝트 폴더를 생성한다. 그 후 python manage.py runserver 입력으로 서버를 실행시켜 보는데 migration이 되지 않았다며 제대로 실행되지 않을거라 경고하는데 일단 migration은 변동 사항이 있을시 DB에 반영해야 하는 것을 말하는 것으로 다른말로 변동사항으로 보면 된다. ● DB 관리자 계정 생성 python manage.py migrate 명령어로 db.sqlite3 db 파일을 생성하며 migration을 반영한 데이터 베이스가 생성된다. python manage.py createsuperuser 로 관리자 계정을 생성한다.
![4. Pycharm으로 가상환경 설정, 외부 라이브러리 설치](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUBHL3%2FbtrGQ0laaH8%2FKk65nRvSWaZcKdYehKoQP1%2Fimg.png)
4. Pycharm으로 가상환경 설정, 외부 라이브러리 설치
평소에 vscode를 쓰지만 명색이 파이썬 웹 개발자를 지향하는데 파이참 IDE를 써본적이 없다는건 여간 창피한 일이 아닐수 없을 것이다. 그렇기에 이번 웹 제작은 파이참 IDE 만을 이용하여 제작하기로 하였다. Pycharm 에서의 가상환경 설정은 외부 라이브러리 설치시 pip 명령어 사용으로 설치하는 부분은 동일하지만 그 이전의 과정이 따로 명령어 입력이 필요없이 IDE 자체적으로 지원하기 때문에 vscode 보다는 간결하다. ● 가상환경 설정과 .gitignor에 venv 추가 희안하게도 vscode 상에서는 .gitignore 파일이 온전하게 남아있지만 pycharm으로 작업시 자동적으로 .idea 폴더가 생성되고 그 안에 .gitignore 파일이 들어있다. ●외부 라이브러리 설치 먼저 프로젝트..
![Windows 운영체제상 VScode 에서 기본 터미널을 Cmber로 설정하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAeYIZ%2FbtrGso8iL6f%2FAEWbyNUATVmDB3k0v9KdUK%2Fimg.png)
Windows 운영체제상 VScode 에서 기본 터미널을 Cmber로 설정하기
여러가지 시행착오 끝에 VScode 기본 터미널을 Cmber로 설정 하였다 VScode가 업데이트 되면서 위의 스크린샷에서 보이듯이 과거의 기본 터미널을 변경하는 방식이 더 이상 먹히지 않는 모양이다. 따라서 2022년 7월 현재 유효한 설정 방법을 적어 보겠다. 먼저 vscode의 설정창을 불러온다. 빨간색 박스 안의 버튼을 눌러 settings.json 파일을 불러온 후 아래 코드를 중괄호 안에 입력한다. "terminal.integrated.profiles.windows": { "Cmder": { "path": "${env:windir}\\System32\\cmd.exe", "args": ["/k", "C:\\Devtools\\cmder\\vendor\\bin\\vscode_init.cmd"] } ..
![3. 전체적인 웹 사이트 모양 구성](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtuXps%2FbtrGmpk5buJ%2FaOcOe2gOcOLBeCk1AkgINk%2Fimg.png)
3. 전체적인 웹 사이트 모양 구성
● 블로그 페이지 모양 구현 CSS와 내비게이션 바 가져오고 페이지 내용이 들어갈 부분 구성 blog_list.html 파일을 열어서 기존에 about_me.html 파일에서 만들었던 내비게이션 바를 붙여 넣는다. 화면 크기가 medium일 때 8:4 large일 때 9:3이 되도록 하기 위해 container를 class로 갖는 div를 만들고 위아래 여백을 주기 위해 my-3을 입력한다. Start Bootstrap에서 템플릿 찾기 Bootstrap 공식 홈페이지가 아니더라도 템플릿을 제공하는 홈페이지가 찾아보면 많이 있다. 그 중에 start bootstrap 이라는 사이트를 이용하기로 하였다. https://startbootstrap.com/ Free Bootstrap Themes, Templat..