codestates / codestates/aneun-dongne

[Dev-Log ] 12/16 류준열

Open
#153 0 comments 0 reactions 0 assignees View on GitHub
Dev Log
Dominant language
JavaScript
Stars
6
Forks
7
PR merge metrics
No merged PRs in 30d

Description

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> - 마이페이지에서 토큰없는상태일때 로그아웃하도록 유도하는 모달창 생성
> - 홈화면 지도에서 필요한 기능 구현(해시태그 자동완성 검색은 못함..)
> - 마이페이지 프로필 변경시 유효성검사. 내가 가본 곳 저장하는 모달에서 유효성 검사
> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* 항목별로 적어주세요.
- 해시태그 검색어 자동완성 기능을 구현하는데 아래 사진처럼 아래 창이 버튼에 가려졌다.
처음에는 options태그를 div태그로 바꾸면 해결될거라고 생각했지만 해결되지 않았다.
z-index로 버튼을 뒤로 보내니 버튼자체가 클릭이되지 않았다.
프로젝트 마감일이 얼마 남지 않았기에, 승이님한테 패스하고 내가 빨리 끝낼수 있는 다른일을 했다.

![스크린샷 2021-12-17 오전 1 15 03](https://user-images.githubusercontent.com/66232436/146408100-3ab9a8d5-582c-4638-93ab-5fd76557184c.png)

- 토큰이 없는데도 마이페이지에 사용자의 화면이 남아있는 현상이 있었다.
AWS에서 세션만료되었다고 로그아웃시키는것처럼 나도 로그아웃시키기로 했다.
아래와 같은 모달창을 만들었다.
스크린샷 2021-12-16 오후 11 19 46

아래 사진처럼 catch(err)를 통해 상태코드가 401번(토큰없을때 응답)일때 모달창으로 가도록 유도했고, 모달창의 확인 온클릭이벤트에 로그아웃 함수를 걸어주었다.
![스크린샷 2021-12-17 오전 1 18 07](https://user-images.githubusercontent.com/66232436/146408640-25fb6a4a-6ad0-4e5d-bd95-1afaeead7b21.png)
![스크린샷 2021-12-17 오전 1 50 00](https://user-images.githubusercontent.com/66232436/146413835-9e13ecdc-1210-4531-ad2c-f30a50b8647d.png)

> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
> * [ ] 반응형CSS, 쓸데없는코드 삭제

Contributor guide

No contributing guide indexed for this repository

Research direction

This issue is a development log describing completed my-page and map work, plus an unresolved hashtag autocomplete layout problem; it names no files, entry points, or tests. Start by locating the my-page, map, and hashtag-search implementations, then clarify which remaining change is intended and what behavior would count as complete.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Documentation
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
10/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.