Miner

Vue.js - Django 연동 웹 프로그래밍(1) 본문

Django

Vue.js - Django 연동 웹 프로그래밍(1)

MineTime76 2023. 11. 27. 20:52

갑작스러운


1. 장고 환경 준비,  파이참 환경 준비, StartApp 만들기

https://challengvirus.tistory.com/entry/%EC%9E%A5%EA%B3%A0-Instagram-clone-1-%EA%B0%80%EC%83%81%ED%99%98%EA%B2%BD-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0

 

장고 Instagram clone #1 가상환경 준비하기

https://www.youtube.com/watch?v=M8UPyeF5DfM&t=6887s 를 참고 해서 만들어 봤습니다. 1. 파이썬 가상환경 사용 1. C드라이브에 venvs 폴더 만들기 mkdir venvs 2. venvs 폴더 안에 가서 가상환경 만들기 C:venvs > python -m v

challengvirus.tistory.com

https://challengvirus.tistory.com/entry/%EC%9E%A5%EA%B3%A0-Instagram-clone-2-%ED%8C%8C%EC%9D%B4%EC%B0%B8-%ED%99%98%EA%B2%BD-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

 

장고 Instagram clone #2 파이참 환경 설정하기

1. 파이참을 통해 projects>instagram 폴더를 연다. 2. 파이참 인터프리터 설정 File - Settings Projects : instagram 누르고 project Interpreter Add interpreter Existing venvs / instagram / Scripts / python.exe 파일로 연결 3. 언어

challengvirus.tistory.com

https://challengvirus.tistory.com/entry/%EC%9E%A5%EA%B3%A0-Instagram-clone-2-%EC%95%B1-%EC%83%9D%EC%84%B1-%EA%B0%84%EB%8B%A8%ED%95%9C-%EA%B2%B0%EA%B3%BC%EB%9D%84%EC%9A%B0%EA%B8%B0

 

장고 Instagram clone #3 앱 생성, 간단한 결과띄우기

1. 프로젝트 단독으로는 아무런 일도 할 수 없다. 좁게 말해 기능을 담당하는 APP(앱) 생성 2가지 방법 (instagram) C:\projects\instagram> django-admin startapp instagram (instagram) C:\projects\instagram> python manage.py star

challengvirus.tistory.com


2. static 폴더 만들고 경로 설정

 

STATICFILES_DIRS는 Django 웹 프레임워크에서 정적 파일을 찾을 때 사용되는 설정입니다. 정적 파일은 주로 CSS, JavaScript, 이미지 등과 같이 서버에 의해 동적으로 생성되지 않고 고정된 파일들을 말합니다.

 

3. 모델 만들기

verbose_name : 각 필드의 사람이 읽기 쉬운 이름

blank=True : 이 속성은 해당 필드가 폼에서 비어있어도 되는지 여부를 지정

help_text : 이 속성은 해당 필드에 대한 추가 설명이나 도움말 텍스트를 지정

생소한 함수..!

 

4. admin.py  수정

위에 방법을 쓰던지 / 아래 방법을 쓰던지 선택

5. 슈퍼 유저 만들고 admin/ 에 접속 

python manage.py createsuperuser

 

6. generic view 를 사용하여 url과 template 연결 

Generic 뷰를 사용 ( 원래대로라면 render 함수 사용)

7. vue.js 들어가기 전에 

1. 포스트 모델에 태그스 칼럼 추가 -> 왜?  블로그의 태그 기능을 개발하는 경우에 직접 개발할 수 있고 이미 나와 있는 장고 패키지를 활용할 수 있다.

2. 포스트 모델에 오너 칼럼 추가 -> 왜?

3. settings.py를 나눠서 개발용 / 배포용으로 나누겠다 -> 왜?

 

https://djangopackages.org/search/?q=tag / taggit 패키지가 많이 쓰인다는 것을 확인

 

Repo 페이지를 타고 들어가면, https://github.com/jazzband/django-taggit 

 

GitHub - jazzband/django-taggit: Simple tagging for django

Simple tagging for django. Contribute to jazzband/django-taggit development by creating an account on GitHub.

github.com

혹은 Document 확인 https://django-taggit.readthedocs.io/en/stable/getting_started.html

 

Getting Started — django-taggit 5.0.1 documentation

Getting Started To get started using django-taggit simply install it with pip: $ pip install django-taggit Add "taggit" to your project’s INSTALLED_APPS setting. Run ./manage.py migrate. And then to any model you want tagging on do the following: from dj

django-taggit.readthedocs.io

admin 에서 tag를 볼 수 있게 하는 코드

8. User 모델 커스터마이징

>> 인증 테이블 만드는 방법