장고 Instagram clone #4

1. instagram 폴더 속에 templates 폴더 생성, templates 폴더 속에 instagram 폴더 생성

 

2. settings.py 에 TEMPLATES 의 경로를 등록한다.

 

3. templates/instagram 에 main.html 작성

※ Alt + Enter 누르면 자동 import 된다

• settings.py / InstalledAPP 에 App 이름 써주기 -> 안하면 migration 이 안됨

4. 

부트스트랩 다운로드 

부트스트랩 스타터 템플릿을 활용 <https://getbootstrap.kr/docs/5.0/getting-started/introduction/>

main.html 에 스타터 템플릿 추가

네비게이션 바에 대한 정보를 찾아 main.html에 추가

 

ctrl + alt + l -> 코드 균형 맞추기 

 

프론트 코드를 main.html 에 구성하기 

https://cholol.tistory.com/547

Django:제로부터 시작하는 인스타그램 만들기 - clone instagram #1

 

5. 모델을 관리하기 위한 APP "content" 만들기

모델에 

class Feed(models.Model):
    content = models.TextField()
    image = models.TextField()
    profile_image = models.TextField()
    user_id = models.TextField()
    like_count = models.IntegerField()

 

작성, 

python manage.py makemigrations
python manage.py migrate

 

sqlite3 을 통해 내용을 기입해 데이터를 저장한다. 

 

html 에 context를 넣으면 

html 속에서 {% %} 를 통해 파싱되어 랜더링한다.

 

 

for 문을 통해 피드로 기록된 데이터가 디자인, 랜더링 되어 나오게 됨( 수에 관계없이 )

 

 

 

6. 모달 창

모달 과 팝업의 차이

팝업은 새로운 URL을 생성해서 올리는 거고 모달은 URL 없이 진행하는 것 

모달은 해당 화면을 그냥 지나칠 수 없음 뭐라도 눌러야 됨