Week 00: 정글 미니 프로젝트

 

1️⃣ 프로젝트 명 : My Jungle Trip

 

우리의 프로젝트 명이다(정글 느낌이 나게 전체적으로 녹색 느낌을 줌)

2️⃣ 인원 : 2명(본인 포함)

3️⃣ 개발 소개 및 취지 :

      - 소개 : 취향에 맞는 여행지 추천 사이트

      - 취지 :  정글 과정 수료 후, 여름 휴가지를 사용자 취향 중심으로 추천

4️⃣ 개발 기능 : 

    - 추천 여행지 좋아요 및 정렬 기능

    - 로그인 / 로그아웃 (JWT)

    - 회원가입

    - My page : 나의 취향 조회 및 삭제 기능

5️⃣ 와이어 프레임 : 

대략적인 와이어프레임

6️⃣ 페이지 설명 및 구현 :

7️⃣ 기술 스택 :

    - 프론트 엔드 : HTML, CSS(BULMA), Jquery(JS)

    - 백 엔드 : 데이터 베이스(몽고DB), 웹 프레임워크(FLASK), Jinja(Python 프로그래밍 언어용 웹 템플릿 엔진)

    - 배포 : AWS EC2 업로드

 

🌟후기  :

정글에 들어와서 처음으로 맞이하는 프로젝트였다. 입학 시험 때 배운 기술들을 토대로 3박 4일간의 미니 프로젝트다.

처음에 들어와서는 정말 정신이 없었는데 바로 시작하는 프로젝트이다 보니 초반에는 정말 멍했다.

주제는 자유였기 때문에 팀원과 함께 생각을 하면서 여행을 주제로 진행했다.

    

필수 포함 사항으로  1. 로그인 기능 2. Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링이 있었기 때문에 이를 공부하는 데 집중했었다. 내가 맡은 역할로는 백엔드 쪽 로그인과 회원가입 기능을 맡았다.

 

❖ 로그인, 로그아웃(JWT)

 

 - 아이디 및 비밀번호 작성 후, DB에 저장되어있는 정보가 맞는지 확인하여 로그인

 - 로그아웃 버튼 누를 시, token을 제거하고 화면 메인페이지로 전환(로그인 버튼이 나오도록)

 

❖ 회원가입

 

 - 아이디 중복 방지

• 중복 검사 완료 시, 체크 표시
• 중복 검사 미완료 시, 회원 가입 불가

 

 - 비밀번호 불일치

 

❖ 메인 페이지 좋아요

 

 - 로그인 상태에서만 좋아요가 눌리도록 구성

 - 메인 페이지 좋아요 순으로 카드 정렬

 

문제점 :

 

 - 서버 배포 후, 갑자기 로그인이 안되는 문제가 발생

 

해결 : token을 생성할 때, 서버 배포 후에는 바이트 문자열로 받았기 때문에 .decode('utf-8')을 붙여줘서 decode를 해줘야함. (101100100110 같은 바이트 자료를 문자열로 바꾸는 것이 decode)

 

 

추가하고 싶은 기능

 

- 로그인하고 좋아요를 눌렀을 때, 1번 올라가고 다시 눌렀을 때 -1이 되는 것

- 비밀번호 유효성 검사 등등

 

처음으로 하는 프로젝트였어서 정말 정신없이 했다. 어렵기도 했지만 팀원이 너무 잘해주셔서 내가 맡은 일에 더욱 충실할 수 있었다. 아직도 너무 감사하고 많은 것을 배울 수 있는 프로젝트였다. 처음에는 적응이 조금 어려웠지만 팀원 분과 함께 만들어가면서 재미있었고 좋은 기회였다. 또한 정말 많이 배울 수 있는 시간이었다. 다시 한 번 감사드린다는 말씀 드리고 싶다.

 

문제 해결 참고 사이트:

https://velog.io/@lipton/%ED%95%AD%ED%95%B499-1%EC%A3%BC%EC%B0%A8-%ED%9A%8C%EA%B3%A0

https://intrepidgeeks.com/tutorial/jwt-api-finishing-in-week-1-of-navigation-99