[날씨일기] 미니프로젝트 완성

 

 

 

 

 

http://hanghae9.shop/

날씨일기 - 오늘의 날씨는?

 

 

우리 팀이 만든 웹사이트 주소다. 모바일, PC에서 모두 예쁘게 나오고 기능도 모두 잘 작동하는 것 같다.

 

처음 작성한 와이어프레임과는 좀 다르지만 필요한 기능은 거의 다 들어간 것 같다. 4일 동안 크고작은 오류들을 모두 꽤 빠르게 해결하여 짧은 시간 동안 완성을 할 수 있었다.

 

2022.09.22 - [프로젝트] - [날씨일기] 미니프로젝트 S.A(Starting Assignment)

[날씨일기] 미니프로젝트 S.A(Starting Assignment)

 

트러블 슈팅 (해결한 문제)

1. 로그인 오류. 내 컴퓨터에서는 토큰 값에 .decode('utf-8') 를 붙이면 이미 decode가 됐다고 뜨지만 팀원은 토큰 값에 .decode('utf-8') 를 붙여야 오류가 안 났다.

2.  마이페이지에서 포스트를 삭제하는 삭제 버튼 태그에 onclick="delete_post(${post("_id")})" 으로 해당 포스트의 아이디 값을 함수에 보내주는 코드를 작성했는데 계속 클라이언트에서 input 에러가 떴다.  따옴표에 커서를 대보니 따옴표가 중첩되어 함수 인식이 안되고 있는 것 같아 함수 안에 따옴표를 작은 따옴표로 바꾸어 해결했다.

3. 전국 지역구 이름이 정리된 api를 찾지 못해 직접 파이썬 파일에 리스트를 만들고 jinja 템플릿으로 지역구 이름을 필요한 곳에 넣었다.

4. 로그아웃 후 사이트에 재접속시 로그인 된 메인 페이지가 나왔고 쿠키를 삭제하는 코드를 쿠키를 null 값으로 바꿔주는 코드로 바꿔 해결했다.

5. 사진을 올릴 때 서버에 저장하지 않고 바로 사진 띄우기

자바스크립트로 시도하였으나 계속 실패하여 보류를 하다가 거의 포기를 하고 파일명이 나오는 기능까지만 구현했다. 그러다가 구글링해서 가져온 코드와 내가 쓴 코드의 id값이 달라서 안 된 것 같다는 생각이 문득 들어 id값을 매칭 시켰더니 잘 작동했다. 

 

 

 

해결하지 못한 문제 & 시간이 더 있었다면 할 수 있는 것들

1. 삭제 버튼을 누르면 빛의 속도로 삭제가 되는데 실수로 삭제가 되는 경우가 많았다. 삭제나 포스트 할 때 확인 메시지 띄우는 기능을 넣으면 좋을 것 같다

2. 지역 선택창에 모든 시/도- 구/군 이 나오는데 선택창을 두 개를 만들어 첫번째에 시/도를 선택했으면 그 다음 선택창에는 해당 지역의 지역명만 뜨게 하는 기능을 구현하고 싶다.

3. 포스트를 눌렀을 때 아무 반응을 없게 만들었는데 사진을 눌렀을 때 사진이 확대되는 기능 추가를 하면 좋을 것 같다.

 

피드백

1. api 설계 시 url 중에 /get_posts, /get_posts_index 로 이름 지은 것들이 있었는데 get은 method로 넣고 url 명에 메소드를 추가시키지 않는다.

2. 코드를 바꿨을 때 제대로 작동한다면 왜 작동하는지를 이해하는 것이 중요하다.