codestates / codestates/Touch

[Error handling] 버튼 클릭시, 페이지 reload되는 현상

Open
#105 0 comments 0 reactions 0 assignees View on GitHub
Complete error
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

> > 해결된 에러라면 라벨에 'Complete' 를 달아주세요.
> > 미해결된 에러라면 라벨을 'In progress' 로 변경해주세요.
>
> ### 어떤 에러인가요?
> * 회원 정보 수정 때 버튼을 클릭하면 페이지 reload 현상이 나타 났습니다.
>
> ### 에러 메시지
> 메시지는 없고 reload 현상만 나타남
>
>
> ### 에러 핸들링 방법
> 문제 원인

- button이 form 태그 안에 있을 경우 발생한다. 일반 버튼일 경우 상관 없지만 form 태그 안에 버튼이 있는 경우에는 따로 type을 설정하지 않으면 reload현상이 나타납니다.
>
```js
//문제 코드

수정

// 해결 코드

수정

```
>
> form 태그 안에서의 button 태그는 기본적으로 클릭시 submit 이벤트를 실행시키도록 되어있음을 알게 되었습니다.
>
>
### 에러 핸들링을 위해 참고한 레퍼런스 링크
> [링크](https://dololak.tistory.com/763)
> [링크](https://devhoma.tistory.com/90)

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.