codestates / codestates/withpuppy

[✍️ Dev Log] 최우철 / 2021-12-13

Open
#114 0 comments 0 reactions 1 assignee Claimed by @chltjdrhd777 View on GitHub
Dev-Log
Dominant language
JavaScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?
- 오늘은 어제 작업한 핀포인터 정보를 기반으로 드랍다운을 구현하였다
- 처음에는 드랍다운 그 자체에 핀포인터 정보를 useEffect로 가져오게 해서 그 안에서 구현하려고 했는데, hover 이벤트가 발생할 트리거가 그보다 더 상단에 있는 icon 컴포넌트에서 이루어져야 해서 어쩔 수 없이 데이터를 프롭으로 전달해야 하는 상황이 있었다
- 그런데, 개인적으론 prop으로 내용을 전달하다보면 오히려 그 prop으로 인해 컴포넌트가 지저분해지고 제약이 많아진다고 생각하기 떄문에 useContext를 이용하여 자식들에게 데이터를 공유하도록 설계하였다
스크린샷 2021-12-13 오후 8 14 47

- 자식인 드랍다운 컴포넌트는 필요한 데이터를 useContext 메소드를 활용하여 가져올 수 있었고, 이것으로 어느 자식이든 손쉽게 데이터를 공유하도록 만들었다.
스크린샷 2021-12-13 오후 8 16 44

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 문제는 채팅과 관련된 부분을 구현하는 것인데, 이미 데이터는 다 받아왔으나 이것을 채팅 형식으로 만드는 것에 난항을 겪을것으로 보인다
- 현재 욕심으로는 어떻게든 promise.abort를 통해 중복된 async 요청을 막는 작업을 진행하고 싶은데 사용할 장소를 찾는데 어려움을 겪는다
- 현재 욕심2로는 어떻게든 노드 메일링을 통한 메일인증 시스템 구현과, websocket을 통한 실시간 알람설정을 만들고싶은데, 시간이 허락할지 모르겠다
- 시간도 시간이지만 체력적으로도 조금 힘들다

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.