Django로 Pinterest 따라만들기 : 섹션 2. Accountapp implementation (21~26강)

섹션2에서는 accounapp의 crud와 login/logout을 구현

 

#21 CreateView를 통한 회원가입 구현

현재 강의까지는 위 구조도에서 장고 부분만을 구축하고 있음

class AccountCreateView(CreateView):
    model = User
    form_class = UserCreationForm
    success_url = reverse_lazy('accountapp:hello_world')
    template_name = 'accountapp/create.html'

이런식으로 create view이용해서 회원가입 구축

 

 

---

 

 

 

#22 Login/Logout 구현

login과 logout view도 장고에서 기본으로 제공해줌

 

view 사용으로 url 수정

path('login/',LoginView.as_view(template_name='accountapp/login.html'), name='login'),
path('logout/',LogoutView.as_view(), name='logout'),

이런 식으로 url에 바로 추가

login.html 구현해주면 끝

 

 

 

header.html 수정

 

구조가 위와 같아서 로그인 하게 되면 accounts/profile로 이동하게되는데 이렇게 자동으로 다른 주소로 가게 되는 것을 막기 위해 수정 필요

 

 

{% if not user.is_authenticated %}
            <a href="{% url 'accountapp:login' %}?next={{request.path}}">
                <span>login</span>
            </a>
            {% else %}
            <a href="% url 'accountapp:logout' %}?next={{request.path}}">
                <span>logout</span>
            </a>
            {% endif %}

 

이런식으로 next인자도 전달해주고 로그인/로그아웃 페이지로 이동하는 span도 만들어줌

원래있었던 url이 next로 넘어가면서 hello_world route로 다시 돌아감

 

 

 

그러나, span말고 url을 login으로 직접 치고 들어가서 로그인하는 경우 아직 위와 같은 상황 발생

⇒ login_redirect_url 설정 필요

LOGIN_REDIRECT_URL = reverse_lazy('accountapp:hello_world')
LOGOUT_REDIRECT_URL = reverse_lazy('accountapp:login')

위와 같이 pragmatic/urls.py 에서 url 설정해줌

 

 

---

 

 

#23 Bootstrap을 이용한 Form 디자인 정리

bootstrap을 이용하여 form 디자인을 일괄적으로 수정가능

https://django-bootstrap4.readthedocs.io/en/latest/index.html

django-bootstrap4 23.4 documentation

위의 링크 참고

 

 

 

install 하고 settings.py에 명시해주기

{% load bootstrap4 %}

{% bootstrap_form form %}

위와 같은식으로 불러와서 사용하면 됨

 

 

 

네이버에서 폰트 받아와서 추가로 설정해줌

 

pragmatic/static 에 fonts 경로 추가해서 그 fonts 파일 안에 받아온 폰트파일들 저장해줌 그리고 head.html에

<style>
        @font-face{
            font-family:'NanumGothic';
            src:local('NanumBarunGothic-YetHangul'),
            url("{% static 'fonts/NanumBarunGothic-YetHangul.otf' %}") format("opentype");
        }
    </style>

위와 같은 식으로 넣어준 뒤, 사용하고자 하는 위치에 폰트 설정

 

 

---

 

 

#24 DetailView를 이용한 개인 페이지 구현

createView 만들었던 것처럼 Detail view 생성

urls.py

path('detail/<int:pk>',AccountDetailView.as_view(), name='detail'),

정보를 생성했던 create와 다르게 detail은 정보를 열람하는 것

어떤 유저의 정보를 열람할 지 알기 위해서 int:pk 해줌 (primary key)

 

 

header.html

<a href="{% url 'accountapp:detail' pk=user.pk %}">
                <span>MyPage</span>
</a>

 

로그인 되어있는 상황에서 MyPage로 넘어갈 수 있는 span을 만들어줌

이때, pk 값을 전달해주어야하기 떄문에 로그인된 유저의 pk를 pk=user.pk로 넘겨줌

 

로그인 후 mypage 눌러보면 위처럼 가입날짜와 이름 확인 가능

 

 

 

---

 

 

#25 UpdateView를 이용한 비밀번호 변경 구현

 

updateview 작성

updateview도 createview와 유사하게 작성 가능

 

update.html도 작성해준 뒤, detail.html에서 update로 넘어갈 수 있는 링크를 하나 생성해주면,

아래처럼 change info가 만들어진 것을 볼 수 있음.

(이때 링크가 보이는 조건 target_user==user인 경우)

Change Info 버튼 클릭 시 나타나는 수정화면

 

 

 

 

AccountUpdateForm 작성

 

html 작성할 때 usercreationform을 그대로 받아와서 사용했더니 username(id)도 수정 가능해서 이를 상속받는 새로운 form 작성

from django.contrib.auth.forms import UserCreationForm

class AccountUpdateForm(UserCreationForm):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['username'].disabled=True

 

위 처럼 disabled=True로 커스터마이징하면,

username 비활성화 됨!!

 

 

 

---

 

 

 

#26 DeleteView 기반 회원탈퇴 구현

 

deleteview 작성

deleteview도 마찬가지로 createview 작성했던것처럼 생성해줌

updateview 보이게 했던 것처럼 quit 으로 가는 링크 추가해주고 quit 들어가보면 아래와 같이 뜸

 

 

제출 버튼 누르면 해당 계정 삭제

 

 

 

---

박홍석님의 인프런 강의를 수강하며 정리해보는 글입니다.

https://www.inflearn.com/course/%EC%9E%A5%EA%B3%A0-%ED%95%80%ED%84%B0%EB%A0%88%EC%8A%A4%ED%8A%B8

작정하고 장고! Django로 Pinterest 따라만들기 : 바닥부터 배포까지 강의 - 인프런