97kim / mytrip-flask Goto Github PK

프로젝트 정보 알려주는 footer 생성

변수명: 스네이크 케이스
함수명(파이썬): 스네이크 케이스
함수명(자바스크립트): 카멜 케이스
파일명: 카멜 케이스

이렇게 변경해서 Merge 했습니다.

테스트

main.html을 기본 홈페이지로 변경하고
권한이 필요할 때 로그인 페이지로 이동하게 변경해야 합니다.

추가로 application.py에서 중복되는 코드를 데코레이터를 이용해 중복 최소화 해야 합니다.
(ex. JWT 로그인 기능)

open API 통신 잘 되면 Flask와 Ajax를 사용해 화면에 출력하기

trips id를 trips 컬렉션의 필드 개수를 세서 1을 더하는 형식으로 사용했습니다.

'id': db.trips.count() + 1,

이렇게 하면 게시글 하나를 지우고 새로 생성했을 때 id가 중복되는 이슈가 발생합니다.

mongoDB의 ObjectId를 사용하는 것으로 수정해야 합니다.

자동 배포 기능

index 페이지, flask 서버 뼈대 만들기

내 주변 여행지를 눌렀을 때 운영시간, 운영주체, 전화번호, 입장료 같은 기본적인 정보를 띄웁니다.

내 주변 여행지 상세 페이지 구현

리뷰 수정할 때 이미지 변경하지 않고 수정하기 버튼 누르면 에러 발생

근처 여행지 리스트 / 리뷰 리스트

수정 적용 후 /main으로 이동하고 상세페이지로 이동하면 수정사항이 반영되는데
수정 적용 후 바로 상세페이지로 이동하게 하면 수정사항이 반영이 되지 않는 이슈 발생

작성한 리뷰 삭제 기능

사파리에서 이미지 안 보이는 문제

https://www.data.go.kr/iim/api/selectAPIAcountView.do에서 사용에 문제 없는지 확인하기

비가 오면

날씨 API에서 rain이라는 항목을 파싱할 수 있습니다.

하지만 비가 오지 않을 때는 rain이라는 항목이 뜨지 않기 때문에 오류가 발생했었습니다.

기존 코드:

let weather = response['weather_info']['weather'][0]['main'];
let rain = response['weather_info']['rain']['1h'];
$('#rain').text(rain + 'mm/h');

수정한 코드:

let weather = response['weather_info']['weather'][0]['main'];
if (weather == 'Rain') {
    let rain = response['weather_info']['rain']['1h'];
         $('#rain').text(rain + 'mm/h');
}

let weather = response['weather_info']['weather'][0]['main'];
weather 변수에는 날씨 API에서 파싱해온 현재의 날씨의 종류가 저장됩니다.

날씨의 종류로는 sky is clear, few clouds, scattered clouds, broken clouds, overcast clouds, shower rain, light rain, moderate rain, Rain, Thunderstorm, snow, mist 등이 있습니다.

비가 올 때만 강수량이 뜨도록 변경해서 오류를 해결했습니다.

첫 화면 생성
회원가입 / 로그인 기능
추천 여행지 기능
근처 여행지 리스트 / 리뷰 리스트
근처 여행지 상세페이지 / 리뷰 상세페이지
날씨
프로필 사진 추가
공유하기
좋아요 / 즐겨찾기
댓글
AWS S3 / 자동 배포

API 설계하기

날씨 불러오기

리뷰 댓글 기능 추가

DB 정보 노출을 막기 위해 .env 파일에 추가

변수명: 스네이크 케이스
함수명(파이썬): 스네이크 케이스
함수명(자바스크립트): 카멜 케이스
파일명: 카멜 케이스

PEP8 적용

테스트 이슈

화면 설계하기

S3에 이미지 업로드 & S3에 있는 이미지 불러오기

JavaScript로 사용자 위치 정보(좌표) 가져오기

~이케이케 하시면 됩니다

카카오톡 공유하기

slick.js 라이브러리로 화면 예쁘게 만들기
(슬라이드 형식으로 카드 넘어가게 하는 기능)

근처 여행지 상세페이지 / 리뷰 상세페이지

프로필 사진, 닉네임 추가

내 추천 여행지 리뷰 수정 기능 필요

여행지 리뷰에서 한번 좋아요를 누르면 더 이상 중복으로 누를 수 없도록 합니다.

수정 시 폼에 기존 데이터 남아 있게 하기

리뷰 삭제 시 리뷰에 달린 좋아요, 리뷰도 같이 삭제