codestates / codestates/newDe

[Error Handling]Page Navigator 의 현재 페이지 부분의 색이 제대로 변경이 되지 않음

Open
#210 0 comments 0 reactions 0 assignees View on GitHub
complete
Dominant language
TypeScript
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

> 해결된 에러라면 라벨에 'Complete' 를 달아주세요.
> 미해결된 에러라면 라벨을 'In progress' 로 변경해주세요.

### 어떤 에러인가요?
-
![11](https://user-images.githubusercontent.com/48780896/160163572-ea3d7971-665f-4414-9edf-4f9a28dc64d1.png)

![12](https://user-images.githubusercontent.com/48780896/160163583-92ebfbb6-e5e1-469b-b450-eff50d53e735.png)
이런식으로 페이지 네비게이터를 이동할때
처음에는 현재 페이지가 정상적으로 강조되지만 이동을 하게되면 강조가 풀림
### 에러 메시지

```bash
$ 터미널의 에러 코드를 여기 넣어주세요.
```

### 에러 핸들링 방법

- 해당 nowpage를 설정하는 setPage는 기본적으로 event.target.textContent를 이용해서 데이터를 수정함
- 그런데 해당 메소드는 String 값을 반환함
- 그런데 우리는 page navigator 에서 인덱스와 해당 nowpage를 비교할 때 === 그러니까 deep equality 를 따짐. 즉 false가 나올 수 밖에 없음
- type을 지정해 주면서 해당 nowpage, target 변경등을 모두 number로만 주고받도록 설정하니 해당 문제는 해결됨
- 이 때 (event.target as HTMLLIElement).textContent 식으로 타겟을 받아주어야 에러가 뜨지 않음

```js
// 코드가 들어가도 좋아요!
```

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

[링크]()

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.