항해99_1주 차 미니 프로젝트 후기_2

[항해99 7기 A반 1주 차 미니 프로젝트 팀 5조]

 

• 우리의 1주 차 미니 프로젝트는 '혼밥은 싫어'라는 이름의 프로젝트이다. 요즘 시대에 혼밥은 모두에게 익숙하다. 하지만 그중에서도 혼자 밥 먹는 걸 힘들어하는 사람도 있고 여러 메뉴를 맛보고 싶거나(혼자 여러 메뉴 시키기에는 돈도 많이 들고 다 못 먹어서 남기게 돼버린다 ㅠ) 같이 얘기하면서 밥 먹고 싶은 사람들을 위해 같이 밥 메이트(밥 + 소울메이트) 찾을 수 있도록 같이 밥 먹을 친구를 모아줄 수 있는 사이트이다.

 

• 이번에는 내가 웹 개발 플러스 강의를 듣고 만든 로그인, 회원가입에 대해서 살펴보려고 한다.

 

• 나중에 기회 되면 이 미니 프로젝트로 클론 코딩을 해보고 싶다. 팀으로 같이 만든 페이지이지만 내가 구현한 로그인, 회원가입 외에는 다른 기능은 하나도 모르겠다. 그리고 같이 하시는 팀원분들이 진짜 진짜 정말로 기능들을 잘 구현하셔서 따라 해보고 싶다는 생각도 들었다.

 

• 그리고 웹 개발 플러스도 들어야 한다. 로그인 기능은 너무 복잡하고 어려워서 일단 붙여 넣어서 정상 동작만 하면 나중에 제대로 듣자는 생각이어서 꼭 들어봐야 한다.

---

<항해99 1주 차 미니 프로젝트 - 내가 만든 로그인, 회원가입>

 

• 이번에 역할 분담은 각각의 기능을 서로 맡기로 했다.
  • 로그인, 회원가입 기능 - 나
  • 포스팅할 수 있는 기능
  • 데이터베이스에 저장된 포스팅 불러와서 화면에 보이기 기능
  • 포스팅된 거 안에 좋아요, 참여하기 버튼 기능
• 우리가 같이 코드 공유한 깃허브 주소
  (server-side  브랜치 안에 templates폴더 안에  login.html-로그인, index.html-로그아웃)
  • https://github.com/Luwin-Seo/No-Honbop
•  완성된 결과 사이트 주소
  • https://aksdnjs88.tistory.com/4
• 기록용 영상
  • https://youtu.be/y02qALIF3wo

---

•  로그인 기능

• 강의를 그대로 보고 따라 해도 에러가 난다. 정말로!!!!ㅠ 이걸 구현하고 빨리 팀원들한테 줘야 그다음이 진행되는데 안돼서 너무 식겁하고 짜증 나고 막막하고 답답했었다. 휴
• 에러 노트에도 적기는 했지만 내가 지금은 기능적으로 로그인을 알지 못해서 일단 문제와 해결만 간단히 적어놔야겠다ㅠㅠ

1. ★문제 :

☆해결 : 1주 차 같이 팀으로 하는 팀원분이 알려주셨다!

pyjwt 버전 1.7.1 버전으로 다운로드 해야 함 또는 .decode('utf-8')를 빼줘도 된다.

 

☆☆에러 설명(항해99 웹 개발 플러스 강의 4주 차 FAQ)

기존 버전에서는 jwt.encode()함수의 리턴 값이 '바이트 문자열'이라는 자료형이었기 때문에 뒤에 .decode('utf-8')를 붙여 일반 문자열로 바꾸어주었었는데요, 2.0.0 버전부터는 이 함수의 리턴 값이 일반 문자열이기 때문에 여기에 또 .decode('utf-8')를 붙여주게 되면 문자열에는 이런 메소드가 없으므로 에러가 나게 됩니다. (101100100110 같은 바이트 자료를 문자열로 바꾸는 것이 decode이므로 당연히 문자열에는 이런 기능이 필요 없겠죠?

 

2. ★문제 : 웹 개발 플러스 강의 들으면서 그대로 코드 적었는데... 회원 가입하기 버튼 눌렀을 때 안되던 거 ㅠ

(구글 검색 : ajax 400 bad request)

☆해결 : 근데 알고 보니 내가 ajax안에 data 변수를 잘못 썼었다.. id_give : id 이런 식이라면give를 빠뜨렸다 ㅠㅠ 어휴 찾느라 고생했네 같은 팀원분이 도와주셔서 찾았다... 정말 감사합니다ㅠㅠ

 

•  로그아웃 기능

• 이거도 강의보고 그대로 따라 적었는데 안됨 허르 왜 왜 왜!!!
• 코드는 간단했는데 아래와 같이 jquery 순서적으로 안 적어주면 실행이 안된다...

1.. ★문제 : 로그아웃 기능(강의보고 따라 적은 코드) 안됨 ㅠㅠ

☆해결 : 

사전 스터디 때 알게 된 동기 덕분에 알게 되었다. 진짜 감사의 인사를 끊이지 않게 해줘야 할 분!!

jquery에서 removeCookie 쓸 때 아래 순서대로 head안에 맨 위부분에 적어줘야 로그아웃 기능 작동 잘 됩니다.

<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>