Flask로 Bootstrap carousel에 여러 장의 사진 배열을 슬라이더로 나타내고자 한다.

 

[Bootstrap Carousel]

https://getbootstrap.kr/docs/5.2/examples/carousel/

 

Carousel Template · Bootstrap v5.2

Example headline. Some representative placeholder content for the first slide of the carousel. Sign up today

getbootstrap.kr

 

carousel Image slider

 

원본 코드는

carousel slide -> carousel-inner -> carousel-caption, carousel-item, carousel-control-prev-next 등 으로 이루어져 있다.

 

 

py코드에서 render_template 를 통해 carousel.html에 이미지 배열등 원하는 변수 값을 넘겨준다

 

carousel.html에서 carousel-inner에 imageLIst를 1장씩 loop시켜 불러낸다.

 

로컬 가상환경에서 작업 시작하기

현재 프로젝트의 폴더를 경로 지정 (c:\Users\DIYdjango\)

myvenv(가상환경명)\Scripts\activate # 가상환경 진입

python manage.py runserver # 서버실행

 

 

배포하기

현재 프로젝트의 폴더를 경로 지정 (c:\Users\DIYdjango\)

git status # 마지막 배포 이후 수정된 파일 확인

git add --all # 현재 폴더에 있는 모든 변경 내용을 포함시키기

# git status로 add할 파일 목록 확인

git commit -m "commit message" # 커밋 메시지 남기고, 커밋

git push # 업로드

git pull # 깃 저장소에서 가져오기

 

쿼리셋(QuerySets)

- 전달받은 모델의 객체 목록

- 쿼리셋은 데이터베이스로부터 데이터를 읽고, 필터를 걸거나 정렬을 할 수 있음

- python manage.py shell 로 진입 가능

 

html 객체 반복

{% for %}

{% endfor %} 

django, python3.7, pycharm, pythonanywhere를 이용해 홈페이지 제작

 

객체 : 속성(attribute)과 행동(Method)의 집합

setting이 완료된 django 페이지

 

콘솔 접속 (가상환경 virtualenv)

python -m venv myvenv

myvenv 라는 virtual environment를 생성

myvenv\Scripts\activate 로 활성화 가능

pip 최신 설치 : python -m pip install --upgrade pip 

django 설치 : pip install django

django 설치 후, virtualenv에서 django-admin startproject mysite .

 

 

배포(deployment) : application을 인터넷에 올려 다른 사람들도 볼 수 있게 하는 것

pythonanywhere를 활용해 무료 서버를 사용

github 코드 호스팅 외부 서비스를 이용할 수도 있음.

 

 

http://damnun.pythonanywhere.com/

 

성공적으로 설치되었습니다! 축하합니다!

Django 문서. 주제, 레퍼런스, & 입문참조하다

damnun.pythonanywhere.com

 

 

 

 

해당 글을 참고하여 공부하고 있습니다.

https://tutorial.djangogirls.org/ko/

 

들어가며 · HonKit

1차 : 2015. 10. 1. 이수진, 함기훈, 박제권, 조혜선, 정광윤, 임정훈, 문지영, 김휘경, 송석리, 여형석, 심혜민

tutorial.djangogirls.org

 

+ Recent posts