본문 바로가기
프로젝트/instagram clone coding

홈, 게시글 추가 모달 만들기

by 수쨔앙 2022. 10. 1.

1. templates 오류

아무리 해도 오류가 사라지지 않아서 확인해보니

template이 존재하지 않는다고 떴다

버젓이 있었는데!!!

알고보니 templates가 app 안이 아니라 밑에 있어서 그랬던 것이다

 

이럴 땐 settings.py에서 TEMPLATES 부분을 수정해주면 된다

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR / 'templates'], #이부분!
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

이렇게 하면 root directory 바로 아래 있는 templates 폴더에서 html 저장이 가능해지는 것이다!

 

 

 

2. 드래그해서 사진 업로드하기

 

https://kutar37.tistory.com/entry/HTML5-Javasciprt-DragDrop-%EA%B5%AC%ED%98%84-%EC%98%88%EC%A0%9C

 

HTML5 & Javasciprt : Drag&Drop 구현 (예제)

Drag&Drop : File API 파일을 다루기 위해선 HTML의 태그나, 드래그 앤 드롭을 사용해 사용자에게 파일을 받고, File API를 이용한다. 아래 움짤은 드래그 앤 드롭으로 파일을 받는 모습인데, 본 포스팅에

kutar37.tistory.com

 

 

3. 홈화면 만들기/ 게시글 추가 모달 창 만들기

 

 

잘못했다

모달은 자바스크립트기반이라 장고를 사용할 수 없는데

사용했다가 마지막에 애를 먹고있다..

공유하기를 누르면 추가가 되어야하는데 뭐가 문제인지 해결이 안되고 있다...

잘 모르는데 급한마음에 복사 붙여넣기 한게 화근이었다

 

튜터님께서 정면돌파를 하거나, 모달말고 새 창으로 바꾸거나 결정해야 한다고 하셨다

내일 팀원들이랑 얘기해봐야겠다!

 

 

 

728x90

'프로젝트 > instagram clone coding' 카테고리의 다른 글

트러블슈팅  (1) 2022.10.06
5i clonecoding KTP  (0) 2022.10.06
media파일 불러오기, 게시글 댓글, 팔로우  (0) 2022.10.04
fontawesome 사용법  (0) 2022.09.30
5igram S.A.  (1) 2022.09.29

댓글