codestates / codestates/DEVzine-port

[DEV LOG] 2021.08.20 박성현

Open
#237 0 comments 0 reactions 1 assignee Claimed by @bmaner View on GitHub
@bmaner/나는 가장이다👫 Dev-log
Dominant language
JavaScript
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## Contributions
- Visual Page
- Chart에 apexchart module에서 제공하는 자체 animation을 위해서(화면에 mount 될때에만 animation이 실행됨) Chart가 scroll에 따라 mount/unmount 되는 함수 자체를 변경 및 최적화(기존 `scrollY`의 값을 `scroll`할 때 마다 state에 저장하여 그 state가 각 chart의 `offsetTop`보다 크고 `offsetTop + chart의 height`보다 작을때 mount unmount하게 하는 방식이었으나 많은 계산으로 화면 render가 밀리고 UX에 불편함을 초래하여 변경하였음)
- 추가적으로 react-spring을 Chart를 감싸는 div태그에 추가하여 스크롤에 따른 animation 효과를 더하였음.
- Article View Page
- 띄워쓰기가 안된 글을 render할 시 해당 content를 포함하는 div 태그를 넘어가는 현상을 발견하였고 `word-break: break-all;`로 해결하였음.
- MyPage
- 비밀번호 확인을 통과하는 경우에만 회원탈퇴 버튼이 눌러지게하고 비밀번호를 통과하지 못하는 경우에는 alertModal(비밀번호 확인을 유도하는)을 render하도록 구현.
- contribution state code 111(수정완료)의 경우에도 contribution state table 상에 url이 보이도록 구현.
## Difficult point
- alertModal이 signin보다 zindex상 아래쪽이라서 signin에서 axios 오류 발생 시 alertModal로 표시할 수가 없는 줄 알았다. z-index 변경하여보았지만 여전히 아래쪽에 깔려있는데 왜그럴까? 일단 window.alert로 임시처방 하였다.
- email인증 버튼이 로그인 모달보다 zindex 아래인데 모달을 뚫고 올라온다... position absolute에 따라 달라지는 것인가?
## TODO tomorrow
- Visual Page 카드를 눌렀을 때 expand 되어서 width가 커지도록 구현하자
- Visual Page 텍스트 및 추가 animation 고안
- article view page 줄 바꿈 넣기(컨텐츠가 다닥다닥 붙어있음 오늘 시도하였으나 실패)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.