[KAIST 정글] 0주차 프로젝트

이주희·2023년 3월 4일

TIL

목록 보기

22/23

Project : [ 오늘 뭐 먹지? ]

구분
기획 의도	함께 식사할 친구를 모집하는 웹서비스
팀원	이주희, 김경민, 김한중
기간	3일
기술 스택	`python`, `flask`, `jinja2`, `JWT`, `MongoDB`, `pymongo`, `AWS`

사용 기술

1. jinja2 템플릿

1) 데이터 활용 / 서버사이드 렌더링

{{변수명}}을 적으면 html 파일에 서버의 데이터를 포함시킬 수 있고,
서버에서 렌더링하여 완성된 화면이 로드된다.

app.py

@app.route('/', methods=['GET'])
def home():

		...
        
        return render_template('list.html', room=newRoomList)

list.html

<span>{{ i.menu }}</span>
<span>
  <label>카테고리 </label>
  {{ i.category }}</span>
<span>
  <label> 약속 시간 </label>
  {{ i.date }} {{ i.meet_time }}</span>
<span>
  <label> 인원</label> 
  {{i.current_people}} / {{i.maximum_people}}</span>

2) 동적 화면

{% %} 안에서 for문과 if문을 활용해 화면을 그릴 수 있다.

{% for i in room %}
	{% if i.category == "배달" %}
		<span>배달일 때 보여줄 내용</span>
	{% elif i.category == "학식" %}
		<span>학식일 때 보여줄 내용</span>
	{% else %}
		<span>외식일 때 보여줄 내용</span>
	{% endif %}
{% endfor %}

3) 레이아웃

{% extends %} 블록을 활용해 코드의 중복을 제거할 수 있다.

{% extends "layout.html" %} {% block content %}
	<span>레이아웃 안에 보여줄 내용</span>
{% endblock %}

2. JWT 토큰 인증 로그인

1) 회원가입

hashlib으로 비밀번호 암호화 후 DB에 저장

import hashlib

...

pw_hash = hashlib.sha256(password.encode('utf-8')).hexdigest()
db.users.insert_one(
    {'id': id, 'password': pw_hash, 'name': name, 'phone': phone})

2) 로그인

회원가입 시 사용한 비밀번호 암호화와 동일하게 hashlib으로 입력받은 비밀번호 암호화
DB에서 해당 유저가 있는지 조회 (없으면 잘못된 아이디/비밀번호 예외 처리)
해당 유저가 존재할 경우, JWT 토큰 발급하여 cookie에 저장

id = request.form['id']
password = request.form['password']
pw_hash = hashlib.sha256(password.encode('utf-8')).hexdigest()
findUser = db.users.find_one({'id': id, 'password': pw_hash})
if findUser is not None:
    payload = {
        'id': id,
        'exp': datetime.datetime.utcnow() + datetime.timedelta(seconds=토큰유효시간)
    }

    token = jwt.encode(payload, SECRET_CODE,
                        algorithm='HS256')
    resp = make_response(jsonify({'status number': 200}))
    resp.set_cookie('token', token)
    return resp
else:
    return jsonify({'status number': 400, 'msg': '아이디/비밀번호가 일치하지 않습니다.'})

3) 로그인 검증

cookie에 저장된 토큰을 가져와서 유효한 토큰인지, 만료되지 않았는지 확인

token_receive = request.cookies.get('token')
try:
	payload = jwt.decode(token_receive, SECRET_CODE,
                        algorithms=['HS256'])
	user_info = db.users.find_one({"id": payload['id']})
	return render_template('list.html', room=newRoomList, loginUser=user_info)
except jwt.ExpiredSignatureError:
	return render_template('list.html', room=newRoomList, loginUser={})
except jwt.exceptions.DecodeError:
	return render_template('list.html', room=newRoomList, loginUser={})

4) 로그아웃

cookie의 토큰 제거

@app.route('/logout', methods=['GET'])
def logout():
    resp = make_response(jsonify({'status number': 200}))
    resp.set_cookie('token', "")
    resp.set_cookie('user_id', "")
    return resp

3. 메일 전송

smtplib 활용하여 메일 전송
인코딩 오류 발생하여 message에 .encode('utf8')로 인코딩

import smtplib

...

def send_email(email, name, menu, category, place,
               date, meet_time, host_email, link):
    # 이메일 설정
    subject = "Junglefood: 모집이 마감되었습니다."
    body = f"{name}님, \n [[{menu}]] 모임의 참가 신청이 마감되었습니다. \n\n\n [모임 정보] \n 🔗 모임 자세히 보기 👉🏻 {link} \n 🍚 메뉴명: {menu} \n 🍽 카테고리: {category} \n 👯 모임 장소: {place} \n ⏰ 모임 날짜 및 시간: {date} / {meet_time} \n\n\n📨 방장에게 연락하기 {host_email}"
    message = f"Subject: {subject}\n\n{body}".encode('utf8')

    # 이메일 전송
    try:
        with smtplib.SMTP("smtp.gmail.com", 587) as connection:
            connection.starttls()
            connection.login(user=메일주소,
                             password=비밀번호)
            connection.sendmail(
                from_addr=메일주소, to_addrs=email, msg=message)
    except Exception as e:
        print("Error sending email: ", e)

4. 날짜 계산

배포 후 로컬 시간과 달라져 마감 시간 여부 계산에 오류 발생
+ timedelta(hours=9)를 더해줘서 로컬 시간과 차이 제거

from datetime import timedelta
import datetime

...

current = datetime.datetime.now() + timedelta(hours=9)
closeYear = closeDate[0:4]
closeMonth = closeDate[5:7]
closeDay = closeDate[8:10]
closeHour = int(closeTime[0:2])
closeMinute = closeTime[3:5]
close = datetime.datetime(int(closeYear), int(closeMonth),
                            int(closeDay), int(closeHour), int(closeMinute))
isClosed = current > close