5주차_1번째_기능 다듬기

1. 회원가입 빈칸 입력시 오류 이유 알려주기

2. 로그인 빈칸 입력시 오류 이유 알려주기

3. 빈 글쓰기 방지

4. 친구 탭 로그인시에만 보이게 하기

---

1. 회원가입 빈칸 입력시 오류 이유 알려주기

 

회원가입에서 빈칸으로 로그인버튼을 누르면

 

이런 화면이 뜬다

ValueError는 입력값이 잘못되었다는 것이다!

The given username must be set 이라고 나오는데 user/views.py에서 확인해보자

 

회원가입이니 sign_up_view를 보자

elif request.method == 'POST':
        username = request.POST.get('username', None)
        password = request.POST.get('password', None)
        password2 = request.POST.get('password2', None)
        bio = request.POST.get('bio', None)

 

이 부분을 보면 입력값이 없다면 None을 보내고 있다. None 말고 ''을 보내주자

elif request.method == 'POST':
        username = request.POST.get('username', '')
        password = request.POST.get('password', '')
        password2 = request.POST.get('password2', '')
        bio = request.POST.get('bio', '')

 

그리고 에러가 났을 때 페이지에 알려주면 좋겠다.

패스워드가 다르면 패스워드가 다릅니다, 빈칸이면 필수값을 입력해주세요 와 같이!

 

def sign_up_view(request):
    if request.method == 'GET':
        user = request.user.is_authenticated
        if user:
            return redirect('/')
        else:
            return render(request, 'user/signup.html')
    elif request.method == 'POST':
        username = request.POST.get('username', '')
        password = request.POST.get('password', '')
        password2 = request.POST.get('password2', '')
        bio = request.POST.get('bio', '')

        if password != password2:
            # 패스워드가 일치하지 않다고 알림
            return render(request, 'user/signup.html', {'error':'패스워드를 확인 해 주세요'})
        else:
            # 패스워드나 아이디가 공백일 때
            if username == '' or password == '':
                return render(request, 'user/signup.html', {'error':'사용자 이름과 비밀번호는 필수값 입니다'})
            
            exist_user = get_user_model().objects.filter(username=username)
            if exist_user:
                return render(request, 'user/signup.html', {'error':'사용자가 존재합니다'})  # 사용자가 존재하기 때문에 사용자를 저장하지 않고 회원가입 페이지를 다시 띄움
            else:
                UserModel.objects.create_user(username=username, password=password, bio=bio)
            return redirect('/sign-in')

 

에러를 화면에 띄워주자

templates/user/signup.html 수정해주자

<hr> 위에 아래 코드 붙여넣기 하는데 에러가 나면 에러 메세지 띄워준다는 것!

            {% if error %}
            <div class="alert alert-danger" role="alert">
                {{ error }}
            </div>
            {% endif %}

 

이제 더이상 에러가 안나고 메세지가 뜬다!

---

2. 로그인 빈칸 입력시 오류 이유 알려주기

 

user/view.py의 sign_in_view를 보자

마찬가지로 None을 ''으로 바꿔주고 오류 메세지 보내주자

# user/views.py
def sign_in_view(request):
    if request.method == 'POST':
        username = request.POST.get('username', '') #None -> ''
        password = request.POST.get('password', '')

        me = auth.authenticate(request, username=username, password=password) 
        if me is not None:  # 저장된 사용자의 패스워드와 입력받은 패스워드 비교
            auth.login(request, me)
            return redirect('/')
        else: # 로그인 실패 시
            return render(request, 'user/signin.html',{'error':'사용자이름 혹은 패스워드를 확인 해 주세요'})
    elif request.method == 'GET':
        user = request.user.is_authenticated
        if user:
            return redirect('/')
        else:
            return render(request, 'user/signin.html')

 

마찬가지로 에러화면 띄워주자

templates/user/signin.html

<hr> 태그 위에 넣어주자

{% if error %}
            <div class="alert alert-danger" role="alert">
                {{ error }}
            </div>
            {% endif %}

 

그리고 잘못된 로그인을 시도했더니

 

이렇게 잘 나온다!! 

 

 

---

3. 빈 글쓰기 방지

 

지금은 빈 글을 써도 글이 올라간다! 빈 글은 업로드 못하게 바꿔보자!

 

tweet/views.py 확인해보자

    elif request.method == 'POST':  # 요청 방식이 POST 일때
        user = request.user  # 현재 로그인 한 사용자를 불러오기
        my_tweet = TweetModel()  # 글쓰기 모델 가져오기
        my_tweet.author = user  # 모델에 사용자 저장
        my_tweet.content = request.POST.get('my-content', '')  # 모델에 글 저장
        my_tweet.save()
        return redirect('/tweet')

 

이 코드를 아래 코드로 수정해주자

    elif request.method == 'POST':  # 요청 방식이 POST 일때
        user = request.user  # 현재 로그인 한 사용자를 불러오기
        content = request.POST.get('my-content','')

        if content == '':
            all_tweet = TweetModel.objects.all().order_by('-created_at') # 원래 있던 데이터는 보여줘야되니까
            return render(request, 'tweet/home.html', {'error':'글은 필수값 잆니다','tweet':all_tweet})
        else:
            my_tweet = TweetModel.objects.create(author=user, content=content)
            my_tweet.save()
            return redirect('/tweet')

 

이제 화면에 보여줘야된다

templates/tweet/home.html에 코드 추가해주자

<!-- templates/tweet/home.html -->

....생략 

<form action="/tweet/" method="post">
  {% csrf_token %}
  {% if error %}
      <div class="alert alert-danger" role="alert">
          {{ error }}
      </div>
  {% endif %}
  <div class="form-group mb-2">
      <textarea class="form-control" style="resize: none" name='my-content' id="my-content"></textarea>


...생략

 

그랬더니 공백으로 글을 작성하면

 

이렇게 잘 뜬다!

 

---

4. 친구 탭 로그인시에만 보이게 하기

 

templates/base.html에 아래처럼 코드 추가해주자

<!-- templates/base.html -->
{% if  user.is_authenticated %}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item">
            <a class="nav-link" href="/user"> 친구 <span class="sr-only"></span></a>
        </li>
    </ul>
</div>
{% endif %}

 

그러면 로그인 하기전에는 '친구'가 안보이다가 로그인을 하면 보이는걸 확인할 수 있다!