codestates / codestates/MemoryRoad

[Error] 루트 생성 페이지 : 사진 업로드 상태 반영 에러 핸들링

Open
#70 0 comments 0 reactions 1 assignee Claimed by @ciocio97 View on GitHub
bug Client Complete error_handle
Dominant language
TypeScript
Stars
0
Forks
4
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
- 카카오 지도 API의 infoWindow 사진 업로드 -> 상태 미반영 에러

### 에러 메시지

```bash
브라우저에서 보여지는 상태와 다르게, 코드 내부의 상태는 한 템포 느리게 반영되었습니다.
```

### 에러 핸들링 방법

- DOM의 변경을 감지하는 obseve 메서드를 활용하여 리액트가 추적하지 못했던 HTMLElement를 감시하게 했습니다.
- useEffect 2번째 인자로 DOM이 변경되었을 때 원하는 상태 변경 함수가 실행되도록 하였습니다.
- 자식 엘리먼트의 이미지 id와 리액트 내부 상태의 이미지 id를 비교해 삭제버튼이 제대로 동작하도록 했습니다.

### 에러 핸들링을 위해 참고한 레퍼런스 링크

[DOM 변경 감지하기](https://m.blog.naver.com/comball2/222084124768)

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.