20221004 TIL

오늘의 한 일

• 인스타그램 클론코딩 프로젝트

 

https://github.com/jihyun-cho-0/spartagram

GitHub - jihyun-cho-0/spartagram: project-1. 스파르타그램

 

 

이미지 삽입 기능 추가

 

 

 

 

 

이미지 파일을 관리하는데에는 django-cleanup 모듈을 설치해 게시글 삭제 시 파일도 제거하도록 설정

 

https://velog.io/@kim-hoontae/TIL.14-Django-cleanup

TIL.14 Django-cleanup

 

모듈 설치 후 settings.py - INSTALLED_APPS에 추가만 해주면 작동한다!

 

 

 

 

 

 

남은 보완 사항

• 게시글 수정 페이지 보기좋게 다듬기
• 프로필 편집
• 팔로우/팔로워 기능 업그레이드

 

수정 페이지 보기좋게 다듬기

 

무슨 문제인지 section으로 나눠서 모달 css를 따로 설정하려고 하는데 먹히질 않는다; 급한대로 base의 modal_window 부분을 수정

 

 

 

인스타그램 수정창이 그렇듯 왼쪽에 사진을 띄우고 싶은데 왜 저렇게 조그맣게 나오는거냐고~

html 내에서 css style을 지정하는게 먹히질 않는거같아서 조금 더 다뤄봐야할것같다

 

 

 

 

** 팔로우/팔로워 기능 | + 좋아요까지

 

tweet 페이지나 프로필 페이지등등 여러곳에서 팔로우 기능을 넣어주어야 하는데 

어디서 누르던간에 그 자리에 머물게 만들어야 할 것 같다..

@login_required
def user_follow(request, id):
    me = request.user
    click_user = UserModel.objects.get(id=id)
    if me in click_user.followee.all():
        click_user.followee.remove(request.user)
    else:
        click_user.followee.add(request.user)
    return redirect('/tweet')

지금은 팔로우 함수 호출 뒤에 /tweet로 리디렉트 하도록 되어있다.

 

Ajax를 이용해 json 형식으로 데이터를 주고받아 새로고침 없이 구현하는 방법이 있겠다만 적용하는데 애를 먹는중이다..

 

 

 

 

https://wayhome25.github.io/django/2017/06/25/django-ajax-like-button/ 

Django - Ajax / jQuery를 활용하여 새로고침 없이 좋아요 기능 구현하기 · 초보몽키의 개발공부로그

 

참고!